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FOREWORD 


有 


Ey 
已 


Adobe Flex 是 为 满足 希望 开发 富 互联 网 应 用 程序 的 企业 级 程序 员 的 
需求 而 推出 的 表示 服务 器 和 应 用 程序 框架 。Flex 是 开发 富 互 联网 应 用 程 
序 (Rich Intemet Application，RIA) 的 利器 ， 它 无 颖 整合 了 Flash、 
ActionScript 以 及 MXML， 并 提供 了 丰富 的 可 扩展 用 户 界面 及 数据 访问 
组 件 ， 使 开发 人 员 能 够 快速 构建 出 具有 丰富 数据 演示 、 强 大 客户 端 逻辑 
和 集成 多 媒体 的 RIA 应 用 程序 。 目 前 已 广泛 应 用 于 各 种 商业 领域 , 如 电 
子 商 务 、 行 政 管理 、 企 业 业 务 流程 自动 化 等 方面 。 


1. 本 书 内 容 


本 书 对 Flex 和 ASPNET 两 种 流行 技术 进行 了 归纳 和 总 结 ， 内 容 覆 
盖 了 Flex 和 ASPNET 技术 的 知识 和 应 用 场景 。 本 书 共 分 为 5 篇 ， 分 别 
是 : Flex 基础 知识 篇 、ASPNET 编程 篇 、Flex 组 件 应 用 篇 、Flex 数据 交 
互 篇 和 综合 实例 篇 。 各 篇 主要 内 容 如 下 所 示 。 

第 1 篇 : Flex 基础 知识 篇 (第 1~5 章 )。 主 要 介绍 Flex 中 脚本 语言 
ActionScript 的 知识 ， 像 ActionScript 的 运算 符 、 控 制 语句 、 面 向 对 象 编 
程 和 内 置 类 等 。 其 中 ， 第 1、2 章 向 读者 介绍 Flex 环境 的 配置 以 及 Flex 
Builder 3.0 的 基本 操作 。 第 3、4 章 主要 介绍 ActionScript 的 语法 和 面向 
对 象 的 支持 ， 像 常量 、 变 量 、 数 据 类 型 、 运 算 符 、 对 象 、 类 、 属 性 和 方 
法 等 。 第 5 章 介 绍 如 何 使 用 函数 、 处 理 字 符 串 、 处 理 数组 以 及 处 理 日 期 
和 时 间 。 

第 2 篇 : ASPNET 编程 篇 (第 6 一 8 章 )。 主 要 针对 ASPNET 初学 
者 介绍 开发 常规 网 站 所 必 备 的 基础 知识 ， 包 括 ASPNET 提供 的 环境 的 
配置 ，C# 3.5 语法 ，ADO.NET 提供 的 对 数据 的 查询 、 增 加 、 删 除 、 修 
改 操作 以 及 数据 显示 控件 ，XML 数据 的 解析 、 显 示 和 生成 ，ASPNET 
的 内 置 对 象 、Web 服务 和 文件 操作 。 

第 3 篇 : Flex 组 件 应 用 篇 (第 9 一 13 章 )。 第 9、10 章 详细 介绍 Flex 
中 的 基础 类 组 件 、 布 局 类 组 件 、 导 航 和 容器 类 组 件 。 第 11 章 主要 介绍 
如 何 使 用 行为 、 对 象 状态 和 动画 效果 制作 出 绚丽 的 界面 效果 。 第 12 章 
介绍 Flex 的 事件 机 制 ， 重 点 是 使 读者 理解 事件 的 工作 流程 、 了 解 Event 
对 象 并 掌握 如 何 使 用 自 定义 事件 。 第 13 章 介绍 如 何 创建 用 户 自 定义 组 
件 ， 为 组 件 定义 CSS 样式 和 主题 ， 以 及 在 组 件 之 间 进 行 参数 传递 。 

第 4 篇 : Flex 数据 交互 篇 (第 14 一 15 章 )。 主 要 针对 数据 存储 和 交 
互 这 两 个 方面 进行 介绍 , 其 中 第 14 章 向 读者 介绍 在 Flex 3.0 中 如 何 对 数 
据 进 行 处 理 ， 包 括 数据 模型 、 数 据 绑 定 、DataGrid 组 件 、 数 据 验证 和 数 
据 格式 化 等 内 容 。 第 15 章 介绍 在 Flex 中 如 何 与 服务 器 端 进行 数据 交互 ， 
包括 常用 的 数据 传输 方式 、 使 用 HTTPService 和 WebService 组 件 进 行 交 
互 ， 并 制作 了 留言 本 和 域名 查询 实例 。 


第 5 篇 : 综合 实例 篇 (第 16 一 17 章 )。 这 一 篇 包括 两 个 实例 ,第 16 章 使 用 Flex 制作 一 个 
功能 齐全 的 FLV 播放 器 ， 实 现 色彩 调整 、 视 频 列 表 、 播 放 控制 等 功能 。 第 17 章 则 是 一 个 视频 
展示 网 站 , 在 服务 器 端 使 用 ASPNET 和 SQL Server, 前 台 实 现 了 用 户 注册 和 登录 ， 视 频 分 类 、 
搜索 、 收 藏 、 播 放 及 视频 列表 等 功能 ， 后 台 实现 了 类 别 、 视 频 的 添加 和 管理 操作 。 


2. 本 书 特色 


书 中 采用 大 量 的 实例 进行 讲解 , 力求 通过 实例 使 读者 更 形象 地 理解 ActionScript 的 编程 思 
想 ， 快 速 掌握 Flex 的 组 件 开 发 方法 。 本 书 难度 适中 ， 内 容 由 浅 入 深 ， 实 用 性 强 ， 和 覆盖 面 广 ， 
条 理 清晰 。 
D 知识 点 全 本 书 紧 紧 围绕 利用 Flex 与 ASPNET 进行 RIA 程序 开发 展开 讲解 ， 具 有 很 
强 的 逻辑 性 和 系统 性 。 
口 实例 丰富 书 中 各 实例 均 经 过 作者 精心 设计 和 挑选 ， 它 们 都 是 由 作者 在 实际 开发 中 的 
经 验 总 结 而 来 ， 涵 盖 了 在 实际 开发 中 所 遇 到 的 各 种 问题 。 
D 应 用 广泛 “对 于 精 选 案例 ， 给 出 了 详细 步骤 ， 结 构 清晰 简明 、 分 析 深入 浅 出 ， 而 且 有 
些 程序 能 够 直接 在 项 目 中 使 用 ， 避 免 读者 进行 二 次 开发 。 
D 基于 理论 ， 注 重 实践 ”在 讲述 过 程 ， 不 仅仅 介绍 理论 知识 ， 而 且 在 合适 位 置 安排 综合 
应 用 实例 ， 或 者 小 型 应 用 程序 ， 将 理论 应 用 到 实践 当中 ， 来 加 强 读者 实际 应 用 能 力 ， 
巩固 Flex 开发 基础 知识 。 
口 随 书 光盘 本 书 为 实例 配备 了 视频 教学 文件 ， 读 者 可 以 通过 视频 文件 更 加 直观 地 学 习 
Flex 和 ASPNET 的 使 用 方法 。 
D 网 站 技术 支持 ”读者 在 学 习 或 者 工作 的 过 程 中 ， 如 果 遇 到 实际 问题 ， 可 以 直接 登录 

www.itzcn.com 与 我 们 取得 联系 ， 作 者 会 在 第 一 时 间 内 给 予 帮 助 。 


3. 读者 对 象 


本 书 具 有 知识 全 面 、 实 例 精彩 、 指 导 性 强 的 特点 ， 力 求 以 全 面 的 知识 及 丰富 的 实例 来 指 
导读 者 透彻 地 学 习 Flex 各 方面 的 知识 。 本 书 可 以 作为 Flex 开发 人 员 的 重要 学 习 资 料 ， 也 可 以 
作为 网 站 开发 和 Flex 开发 人 员 的 职业 培训 教程 。 

本 书 适合 以 下 人 员 阅 读 学 习 。 

口 Flash 开发 人 员 。 

口 Flex 应 用 开发 人 员 。 

口 网 站 建设 及 网 络 开发 人 员 。 

口 Flex 开源 项 目 爱好 者 。 

口 RIA 应 用 爱好 者 。 

除了 封面 署名 人 员 之 外 ， 参 与 本 书 编写 的 还 有 杨辉 、 胡 家 宏 、 于 永 军 、 张 秋香 、 李 乃 文 、 
张 什 副 、 夏 小 军 、 赵 振江 、 李 振 山 、 李 文才 、 吴 越 胜 、 李 海 庆 、 何 永国 、 李 海峰 、 陶 丽 、 吴 
俊 海 、 安 征 、 张 岗 屹 、 崔 群 法 、 王 咏 梅 、 康 显 丽 、 辛 爱 军 、 牛 小 平 、 贾 栓 稳 、 王 立新 、 苏 静 、 
赵 元 庆 、 郭 和 大、 徐 铭 、 李 大 庆 、 王 蕾 、 张 勇 、 郝 安 林 、 郭 新 志 、 牛 丽 平 、 唐 守 国 等 。 在 编写 
过 程 中 难免 会 有 朴 漏 之 处 ， 欢 迎 读者 与 我 们 联系 ， 帮 助 我 们 改正 提高 。 
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和 > 内 容 摘要 1awswoct 
Flex 是 一 个 提供 开发 设计 和 运行 支持 的 架构 ， 可 以 使 开发 人 员 创 建 利用 Adobe Flash 
Player 9 作为 前 台 的 RIA (Rich Internet Application， 富 客户 端 互 联网 应 用 程序 )， 以 满足 用 户 
更 为 直观 和 极 具 交 互 性 的 在 线 体验 的 要 求 。 
本 章 以 最 新 的 Flex 3.0 为 例 向 读者 详细 讲解 什么 是 Flex、Flex 的 组 成 部 分 、 如 何 配置 Flex 
开发 环境 以 及 开发 第 一 个 实例 程序 。 


了 解 RIA 和 Flex 的 概念 

理解 Flex 架构 及 其 各 部 分 的 作用 
了 解 Flex 3.0 的 新 特性 

熟悉 MXML 的 命名 规范 和 文件 结构 
熟悉 ActionScript 的 使 用 方式 

掌握 Flex 3.0 的 环境 配置 方法 
开发 第 一 个 Flex 程序 


1.1 Flex 概述 


在 Ajax 和 Microsoft WPF 出 现 之 前 ，Macromedia〔 现 为 Adobe) 就 曾 推出 基于 Flash 的 
RIA 解决 方案 ， 用 于 创建 具有 富 交互 和 多 功能 的 Web 应 用 程序 (又 称 为 RIA)。 现 在 ，Adobe 
对 Flash 进行 了 增强 , 使 其 具有 超越 Web 的 功能 , 从 而 成 为 一 个 完整 的 开发 环境 , 这 就 是 Flex。 


1.1.1 RIA 发 展 


用 户 与 目前 的 Web 应 用 程序 交互 时 ， 其 体验 并 不 能 令 人 满意 ， 主 要 体现 在 ，Web 模型 是 
基于 页 面 的 模型 ， 而 且 缺 少 客户 端 智能 。 因 此 即使 是 相对 简单 的 事务 处 理 〈 例 如 网 上 购物 ) 
也 让 人 混淆 。 而 且 ， 它 几乎 无 法 完成 复杂 的 用 户 交 互 〈 如 传统 的 客户 端 /服务 器 应 用 程序 和 桌 
面 应 用 程序 中 的 用 户 交互 )。 这 样 的 技术 使 得 Web 应 用 程序 难以 使 用 、 支 持 成 本 高 ， 并 且 在 很 
多 方面 无 法 发 挥 作 用 。 
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为 了 提高 用 户 体验 ， 出 现 了 一 种 新 类 型 的 Intemet 应 用 程序 ， 那 就 是 Rich Internet 
Application〈 以 下 简称 RIA)。 这 些 应 用 程序 结合 了 桌面 应 用 程序 反应 快 、 交 互 性 强 的 优点 与 
Web 应 用 程序 传播 范围 广 及 容易 传播 的 特性 。RIA 简化 并 改进 了 Web 应 用 程序 的 用 户 交互 ， 
这 样 ， 用 户 开发 的 应 用 程序 可 以 提供 更 丰富 、 更 具有 交互 性 和 响应 性 的 用 户 体验 。 

Macromedia 是 公认 的 新 兴 RIA 市 场 的 领导 者 。 今 天 98% 的 浏览 器 上 都 使 用 Macromedia 
Flash 客户 端 软件 。 因 此 几乎 每 个 人 都 可 以 使 用 基于 Flash 的 RIA。Macromedia Flex 是 3 】 
Macromedia 的 新 服务 器 产品 ， 它 使 企业 应 用 程序 开发 人 员 能 够 全 面 访问 RIA 的 功能 。Flex 具 
有 基于 标准 的 架构 ， 与 当前 企业 开发 人 员 的 工具 、 方 法 和 设计 模式 互补 。 


从 最 初 的 HTML 到 现在 ， 服 务 器 端 系统 架构 经 历 了 很 多 次 重要 转变 。 在 此 过 程 中 ， 客 户 
端的 表现 功能 也 有 一 些 转变 ， 并 且 每 个 阶段 的 计算 功能 所 带 来 的 应 用 程序 体验 也 有 变化 ， 直 
到 RIA 出 现 为 止 。 下 面 列举 其 中 重要 的 3 个 方面 。 

基于 主机 的 应 用 程序 

由 基于 主机 的 计算 发 展 而 来 的 交互 式 应 用 程序 。 推 动 此 阶段 计算 的 商业 需求 来 自 于 企业 
组 织 内 部 业务 自动 化 ， 例 如 工资 表 。 应 用 程序 在 内 部 的 专用 网 络 间 进行 本 地 发 布 ， 用 户 界面 
的 丰富 性 仅 限于 文本 范围 内 。 

客户 端 /服务 器 应 用 程序 

这 种 模式 发 展 得 很 快 ， 主 要 是 因为 需要 对 企业 组 织 内 部 的 信息 及 应 用 进行 部 门 级 别 的 访 
问 。 仍 然 是 在 企业 组 织 内 部 本 地 访问 应 用 程序 ， 但 随 着 图 形 用 户 界 面 的 出 现 及 客户 端 处 理 的 
应 用 ， 应 用 程序 的 丰富 性 大 大 提高 。 

Web 应 用 

Web 应 用 程序 的 全 局 性 应 用 ， 以 及 基于 主机 集中 管理 应 用 程序 的 模式 ， 突 破 了 客户 端 / 服 
务 器 模式 的 主要 限制 。 但 对 于 用 户 来 说 ， 这 需要 很 大 的 投入 。 从 处 理 的 角度 来 看 ，Web 应 用 
程序 模式 将 客户 端 转变 为 虚拟 终端 。 用 于 提供 最 佳 用 户 体验 的 主要 交互 问题 消失 了 ， 这 些 主 
要 问题 包括 直接 控制 、 客 户 端 处 理 及 局 部 存储 等 。 


一 2. RIA 出 现 - 
( 


Macromedia 公司 于 2001 年 初 首 先 提 出 了 RIA 的 概念 。 当 时 走 在 前 沿 的 Flash 开发 者 们 都 
己 经 开始 在 实际 应 用 开发 中 使 用 类 似 的 模型 来 架构 他 们 的 程序 。 这 些 应 用 与 传统 的 基于 
HTML 的 Web 应 用 相 比 ， 扩 展 了 设计 的 自由 度 ， 突 破 了 用 户 的 交互 局 限 。 

虽然 RIA 的 优势 很 明显 ， 但 要 求 新 技术 要 与 现 有 的 基础 结构 及 处 理 过 程 相 适 合 。 这 就 需 
要 满足 如 下 要 求 。 

提供 一 个 用 户 熟悉 的 编程 模型 

基于 熟悉 的 面向 对 象 的 语言 ( 像 Java 或 者 C#) 进行 业务 逻辑 的 后 台 开 发 ， 及 利用 基于 标 
记 的 语言 ( 像 XHTML ) 进行 用 户 界面 开发 。 新 产品 必须 以 现 有 的 模型 为 基础 进行 创建 ， 以 充 
分 利用 现 有 的 技术 并 确保 较 低 的 成 本 。 

利用 现 有 的 基础 结构 

很 多 企业 组 织 在 服务 器 应 用 技术 上 进行 了 大 量 投资 ， 而 且 大 部 分 企业 组 织 将 在 内 部 使 用 
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J2EE 及 NET 技术 开发 产品 。 多 数 的 企业 组 织 也 需要 使 用 并 符合 该 基础 结构 。 
采用 标准 的 协议 及 API 
Web 的 众多 优点 之 一 就 是 在 整个 技术 中 采用 更 宽 的 标准 。 这 些 标准 包括 但 不 局 限于 行业 
标准 ， 如 HTML/HTTP、XML、SOAP、Web Service、CSS， 还 有 J2EE 及 NET 等 。 
保留 现 有 的 工具 
对 于 采用 表示 层 解决 方案 的 开发 人 员 来 说 ， 关 键 问 题 是 能 否 确保 使 用 现 有 的 编辑 器 或 集 
成 开发 环境 (IDE) 来 编写 应 用 程序 。 开 发 人 员 希 望 利用 主要 IDE (如 Eclipse、Visual Studio) 
和 主要 的 Web 应 用 程序 开发 产品 (如 Dreamweaver) 来 编写 代码 。 
高 效 的 生产 工具 
生产 工具 帮助 人 们 使 用 新 技术 进行 高 效率 的 工作 。 它 们 还 帮助 人 们 学 习 新 技术 中 新 的 语 
、 框 架 和 结构 ， 并 指导 人 们 进行 最 佳 操作 。 
支持 主要 的 设计 模型 
企业 在 创建 应 用 程序 时 使 用 设计 模型 进行 企业 开发 。 在 过 去 的 几 年 中 ， 类 似 模型 一 一 视 
图 -控制 器 (MVC) 的 模型 在 JEE 和 .NET 企业 应 用 程序 开发 中 越 来 越 普遍 。 表 示 层 解决 方案 
必须 适应 现 有 的 这 些 基 于 模型 的 架构 。 
由 于 架构 一 致 性 与 基于 标准 的 解决 方案 的 要 求 ，RIA 一 直 无 法 为 多 数 的 企业 应 用 程序 开 
发 人 员 所 利用 。 这 种 情况 直到 最 近 才 有 所 改变 。 


ml 


1.1.2 “Flex 简介 


Flex 是 Adobe 的 新 产品 , 它 满足 了 某 些 IT 开发 人 员 的 需要 。 他 们 希望 开发 一 种 应 用 程序 ， 
这 种 程序 既 有 桌面 应 用 程序 的 响应 性 与 丰富 性 ， 又 具有 Web 传播 范围 广 的 特性 ， 即 RIA。 

Flex 驻 留 在 组 织 的 N 层 应 用 程序 模型 的 表示 层 ， 使 用 在 客户 端 运行 的 可 执行 代码 ， 作 为 
当前 HTML 的 补充 。Flex 具有 基于 标准 的 、 用 户 熟 悉 的 编程 方法 及 工作 流 ， 强 大 的 类 库 可 创 
建 表示 层 ， 从 而 提供 更 有 效 、 更 真实 的 终端 用 户 体验 。 

Flex 应 用 程序 与 传统 的 HTML 应 用 程序 的 主要 区 别 在 于 Flex 应 用 程序 处 理 最 适合 在 客户 
端 运行 ， 如 字段 校 验 、 数 据 格式 、 分 类 、 过 滤 、 工 具 提 示 、 合 成 视频 、 行 为 及 效果 等 。Flex 
可 使 开发 人 员 更 好 地 执行 应 用 程序 ， 这 种 应 用 程序 使 用 户 可 以 迅速 反应 、 在 不 同 状 态 与 显示 
时 流畅 过 渡 ， 并 提供 毫 无 中 断 的 连续 性 工作 流 。 


一 1. Flex 开发 模型 一 


Flex 开发 模型 对 于 使 用 JSP、ASP/ASPNET 或 其 他 类 似 的 脚本 语言 的 开发 人 员 来 说 并 不 
陌生 。 基 本 的 模型 相同 : 建立 一 个 包含 应 用 程序 源 代码 的 文本 文件 ， 然 后 将 此 文件 部 署 到 服 
务 器 上 ; 服务 器 在 收 到 第 一 个 请 求 时 ， 将 此 源码 编译 成 为 应 用 程序 ， 后 续 的 请 求 将 经 过 缓存 
处 理 。 与 发 送 一 系列 包含 数据 与 布局 的 HTML 页 面 不 同 , Flex 发 送 可 在 Flash Player 虚拟 机 上 
运行 的 富 客 户 端 用 户 界 面 。 需 要 时 ，Flex 应 用 程序 将 与 服务 器 交换 数据 ， 以 响应 客户 端 上 终 
端 用 户 的 操作 。 

Flex 开发 者 使 用 扩展 的 用 户 界面 组 件 库 与 基于 XML 标记 的 语言 定义 用 户 界面 , 利用 面向 
对 象 的 脚本 语言 (ActionScript) 来 处 理 程序 逻辑 。 


除了 在 现 有 的 表示 层 上 进行 添加 外 ，Flex 并 不 需要 对 当前 的 业务 层 与 整合 层 进行 任何 改 
变 。Flex 在 应 用 服务 器 内 运行 ， 并 为 Flex 应 用 程序 提供 整合 与 管理 能 力 。Flex 整合 的 能 力 可 
以 轻松 地 通过 Web 服务 、Java 对 象 访问 或 XML 使 用 现 有 的 代码 及 信息 。Flex 还 可 以 与 一 些 
现 有 的 表示 层 技术 与 框架 结构 (如 JSP 及 Struts 等 ) 进行 集成 。 


在 J2EE 平台 上 部 署 Flex 服务 器 非常 简单 ， 因 为 Flex 是 本 地 Java 应 用 程序 。 在 J2EE 平 
台 上 部 署 Flex 应 用 程序 是 通过 Java Web 包 (WAR) 文件 处 理 的 。 从 管理 角度 看 ，Flex XML 
方案 和 基于 文件 的 应 用 程序 模型 意味 着 ，Flex 应 用 程序 可 以 与 现 有 的 管理 工具 和 应 用 程序 生 
命 周期 工具 轻松 集成 。 在 Flash Player 中 执行 时 ，Flex 应 用 程序 可 以 与 服务 器 端的 功能 交互 ， 
这 些 功 能 包括 Java 对 象 、SOAP Web 服务 和 其 他 服务 器 端 服务 。 


1.1.3 “Flex 架构 


在 图 1-1 中 显示 了 Flex 的 基本 架构 ， 可 以 看 到 Flex 主要 由 Flex 应 用 程序 框架 与 Flex 运 
行 时 服务 构成 。 下 面 将 针对 架构 中 的 重要 部 分 进行 简单 介绍 ， 首 先是 Flex 应 用 程序 框架 。 


Flex 强大 的 

工具 

Flex 应 用 程序 框架 

MXML ActionScript IDE 和 
文本 编 

Flex 类 话 辑 器 

2 Flex 
Flex 运 行 时 服务 Builder 

J2EE 和 .NET 


1-1 Flex 基本 架构 


如 图 1-1 所 示 ，Flex 应 用 程序 框架 由 MXML、ActionScript 及 Flex 类 库 构 成 。 开发 人 员 利 
用 MXML 及 ActionScript 编写 Flex 应 用 程序 。 利 用 MXML 定义 应 用 程序 用 户 界 面 元 素 ， 利 
用 ActionScript 定义 客户 逻辑 与 程序 控制 。Flex 类 库 中 包括 Flex 组 件 、 管 理 器 及 行为 等 。 利 
用 基于 Flex 组 件 的 开发 模型 ， 开 发 人 员 可 在 程序 中 加 入 内 置 的 组 件 、 创 建新 组 件 或 是 将 内 置 
的 组 件 加 入 复合 组 件 中 。 


MXML 和 HTML 一 样 ， 是 标记 语言 ， 它 描述 了 反映 内 容 与 功能 的 用 户 界面 。 与 HTML 


不 同 的 是 ，MXML 为 表示 层 用 户 界面 和 服务 器 端 数据 绑 定 提供 了 声明 的 抽象 。MXML 可 将 表 
示 与 业务 逻辑 的 问题 彻底 分 开 ， 以 实现 最 大 程度 的 提高 开发 人 员 的 生产 率 及 应 用 程序 的 重复 
使 用 率 。 

MXML 的 开发 基础 是 在 迭代 过 程 上 .这 与 其 他 类 型 的 Web 应 用 程序 文件 相同 , 如 HTML、 
JSP、ASP 及 ColdFusion 标记 语言 (CFML)。 开 发 MXML 应 用 程序 就 像 打 开 一 个 文本 编辑 器 
一 样 简单 ， 只 要 输入 一 些 标签 ， 保 存 文件 ， 然 后 在 Web 浏览 器 上 打开 文件 URL 即 可 。 

另外 ，MXML 文件 同时 也 是 普通 的 XML 文件 ， 所 以 可 以 选择 多 种 开发 环境 。 可 以 在 简 
单 文件 编辑 器 、 专 用 XML 编辑 器 或 是 支持 文件 编辑 的 集成 开发 环境 (例如 Flex Builder) 中 
进行 开发 。 由 于 MXML 符合 W3C XML 方案 的 定义 ， 也 可 以 使 用 结构 化 编辑 ， 如 代码 着 色 和 
代码 提示 〔 取 决 于 编辑 器 的 功能 )。 图 1-2 所 示 为 片段 MXML 在 开发 环境 Flex Builder 中 的 
效果 。 


< ?ml version="1,0" encoding-"ur£-8"7> a 
nx:Applicar ion wmlns:mx= eerer per rr Jayour=nabsoluten — | 
ye 


AtHTTPServlee 1qrraaclleneTFP” leracepi// 10calhosc/flex/ vesc/ ecIp. espx® 
ebenonResdie ()” method"GEn shovBog9CoEsor5 cru 

nx: Scripe> 

<1[CDATA[ 

mpoi 


Pablic function CheckWocrproc()ivosid Pl 


1-2 片段 MXML 


ActionScript 是 用 于 开发 Flex 的 编程 语言 ， 它 是 一 种 强 类 型 化 、 面 向 对 象 的 编程 语言 。 
ActionScript 类 似 核 心 的 JavaScript 编程 语言 ， 基 于 JavaScript 标准 ECMAScript4)。Flex 开 
发 者 使 用 ActionScript 来 描述 客户 端 逻辑 。 例 如 ， 开 发 者 使 用 ActionScript 来 定义 事件 监听 器 
及 句柄 ， 设 置 或 获取 组 件 属性 的 值 及 处 理 回调 函数 等 。 目 前 最 新 版 本 为 ActionScript 3.0。 


i 


Flex 类 库 包 括 RIA 的 类 库 ， 其 中 包含 了 Flex 组 件 〈 容 器 与 控件 )、 数 据 绑 定 、 行 为 及 其 
他 功能 。Flex 类 库 为 开发 者 提供 一 致 的 视觉 提示 、 交 互 模式 和 应 用 程序 导航 惯例 。 


i 


基于 组 件 的 模型 使 Flex 应 用 程序 的 开发 简化 。 开 发 者 可 利用 Flex 中 包含 的 内 置 组 件 和 扩 
展 组 件 来 添加 新 的 属性 及 方法 ， 创 建新 的 组 件 。Flex 组 件 非 常 灵 活 ， 可 为 开发 者 提供 大 量 控 
件 ， 对 组 件 外 观 、 如 何 响应 用 户 交 互 、 文 本 的 字体 与 字号 、 运 行 时 的 大 小 以 及 很 多 其 他 特征 
进行 控制 。 
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Flex 组 件 具 有 下 列 特点 。 

事件 ”应 用 程序 或 需要 组 件 反应 的 用 户 操作 。 

行为 ”由 应 用 程序 或 用 户 操作 触发 的 可 以 看 见 或 听见 的 变化 。 

纹理 ”控制 组 件 外 观 的 图 形 。 

样式 各 种 特点 的 集合 ， 如 字体 、 字 号 及 文本 的 对 齐 等 。 

尺寸 组 件 的 高 度 与 宽度 ( 所 有 的 组 件 都 有 默认 的 尺寸 )。 @ 

Flex 类 库 提供 两 种 类 型 的 组 件 ， 容 器 和 控件 。 开 发 者 在 使 用 Flex 创建 应 用 程序 时 ， 使 用 
控件 与 容器 描述 用 户 界面 。 控 件 是 一 种 用 户 界面 组 件 ， 处 理 用 户 互动 操作 及 显示 可 供用 户 直 
接 通 过 该 控件 处 理 的 数据 , 像 DataGrid 与 TreeControl。 容 器 定义 了 Flash Player 绘图 表面 的 区 
域 ， 控 制 容器 内 所 有 内 容 的 布局 ， 包 括 其 他 的 容器 与 控件 。 容 器 包括 用 于 数据 输入 的 表单 容 
器 、 对 话 框 及 网 格 等 。 

Flex 组 件 具 有 下 列 特 点 。 

MXML API 用 于 声明 控件 及 其 属性 值 和 事件 等 。 

ActionScript API 用 于 调用 控件 的 方法 及 在 运行 时 设置 其 属性 、 事 件 。 

可 利用 样式 、 纹 理 、 字 体 来 定制 外 观 与 视觉 效果 。 


( 6. Flex 行 为 


Flex 类 库 也 提供 内 置 的 行为 ， 可 以 使 开发 者 在 应 用 程序 中 容易 地 添加 动画 和 声音 等 来 为 
用 户 的 操作 提供 相应 的 环境 。 例 如 ， 开 发 者 可 以 使 用 行为 让 对 话 框 在 收 到 焦点 时 轻微 弹 起 。 
行为 是 触发 器 与 效果 的 结合 体 。 触 发 是 一 个 操作 ， 如 鼠标 单 击 组 件 或 是 组 件 显示 出 来 。 
效果 是 组 件 在 一 段 时 间 内 (单位 为 毫秒 可 见 的 变化 。 效 果 的 例子 有 淡 入 淡出 、 移 动 、 改 变 
大 小 、 模 糊 、 暂 停 或 擦 除 过 渡 等 。 
开发 者 可 以 为 单一 触发 定义 多 重 效果 ， 也 可 以 按 特定 应 用 程序 的 需要 定制 效果 或 合成 效 
果 。 


1.2 Flex 3.0 


自从 Macromedia 推出 Flex 的 第 一 个 版 本 后 ，Flex 的 发 展 速度 令 人 惊讶 。2004 年 3 月 
Macromedia 正式 推出 Flex 1.0 和 Flex Builder 1.0。 现在 看 来 ,这 两 个 产品 还 是 很 不 成 熟 的 。 事 
实 上 ， 当 时 1.0 的 推出 并 没有 引起 很 多 人 的 关注 ， 究 其 原因 主要 有 两 点 : 一 是 价格 非常 昂贵 ; 
二 是 运行 环境 只 支持 J2EE， 需 要 Java 的 服务 器 环境 才能 运行 。 对 于 大 部 分 的 Flash 程序 员 而 
言 ，Java 的 学 习 门 槛 太 高 ， 特 别 是 没有 网 络 编程 经 验 的 程序 员 ， 很 难 接受 一 门 学 习 周 期 很 长 
的 新 语言 。 

当然 , 软件 本 身 的 不 成 熟 也 是 一 个 重要 的 原因 。Flex Builder 1.0 的 界面 极其 类 似 于 网 页 编 
辑 工具 Dreamweaver， 用 户 很 容易 上 手 。 但 用 户 普遍 反馈 编辑 工具 的 速度 太 慢 ， 最 后 生成 的 
SWF 文件 体积 大 。 不 过 ，Flex 的 特性 还 是 给 很 多 人 留 下 深刻 的 印象 ， 用 纯粹 的 XML 描述 语 
言 也 可 以 生成 SWF， 这 让 很 多 人 都 觉得 很 神奇 。 

不 久 Macromedia 全 发布 了 升级 补丁 。2004 年 11 月 ，Macromedia 对 1.0 进行 更 大 规模 的 
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升级 ,推出 1.5 版 本 。 这 次 的 升级 修正 了 上 一 版 本 中 的 很 多 错误 ， 同 时 增加 了 一 些 新 功能 ， 使 
得 Flex 初 具 RIA 的 气质 ， 主 要 表现 在 以 下 几 方 面 。 

支持 运行 时 的 共享 库 ， 开 发 人 员 利 用 此 功能 ， 可 集中 管理 各 种 应 用 程序 共享 的 资源 。 

提供 了 一 组 Chart ( 图表 ) 组 件 。 
改进 了 布局 功能 。 
更 灵活 地 修改 组 件 的 样式 和 外 观 。 
性 能 提高 ， 运 行 速度 提高 了 近 50%。 
新 增 了 一 些 实用 的 组 件 。 
Flex 1.5 在 运行 性 能 上 的 提高 让 很 多 开发 者 看 到 了 Flex 的 实用 价值 ， 这 为 Flex 技术 的 推 
广 起 到 很 好 的 推动 作用 , 也 给 下 一 版 本 打下 坚实 的 基础 。 2006 年 , Adobe 公司 发 布 了 Flex 2.0， 
主要 由 以 下 技术 和 产品 组 成 。 
ActionScript 3.0 用 于 为 Flex 应 用 程序 添加 动态 行为 ， 它 是 基于 ECMAScript 的 一 种 实 
现 ， 类 似 于 JavaScript， 将 性 能 和 开发 效率 作为 首要 目标 。 

Flex Framework 2.0 这 是 Flex 运行 时 的 核心 ， 也 称 为 Flex SDK 2.0， 是 基于 MXML 和 
ActionScript 的 应 用 开发 框架 。 提供 了 一 套 丰 富 的 可 扩展 的 用 户 界面 组 件 、 一 个 用 来 控 
制 布局 和 用 户 交互 的 灵活 模型 以 及 一 个 功能 强大 的 基础 架构 。 

Flex Builder 2.0 一 个 在 开放 式 平台 Eclipse 的 基础 上 编写 ， 并 集合 了 Flex Framework 和 
ActionScript 的 功能 强大 的 开发 工具 。 

Flex Data Services (FDS ) 和 Flex 配合 使 用 的 数据 服务 器 软件 ， 提 供 了 企业 级 的 数据 服 
务 和 即时 通信 功能 。 

Flex Charting Components 2.0 ”强大 的 图 表 组 件 。 

Flash Player 9.0 ”改进 虚拟 机 的 脚本 运行 ， 包 含 AVM2 ( ActionScript Virtual Machine ) 的 
ActionScript 虚拟 机 和 ActionScript 3.0。 速 度 快 ， 支 持 运行 时 报错 ， 遵 循 业 界 标准 的 调 
试 方式 ， 执 行 ActionScript 的 效率 比 以 前 高 出 10 倍 ， 并 兼容 早期 版 本 。 

另外 ， 从 Flex 2.0 开始 ，Flex Framework 向 用 户 免 费 开 放 ， 包 括 开 发 和 编译 Flex 应 用 程 
序 所 需 的 完整 命令 行 编译 器 , 还 有 Flex 组 件 库 的 所 有 源 代码 。 从 技术 角度 来 看 ，Flex 2.0 的 引 
入 能 使 开发 者 构建 RIA 的 新 功能 。 主 要 体现 在 : ActionScript 3.0 采用 了 一 种 可 以 进行 更 强 的 
编译 时 类 型 检查 的 编译 模式 ， 它 完全 支持 E4X (ECMAScript for XML ) 标准 ; Flex Builder 2.0 
是 在 开源 Eclipse 框架 的 基础 上 构建 的 ， 包括 了 Flex Framework 和 命令 行 编译 器 ; FDS 是 一 个 
增强 型 的 服务 器 端 架 构 ， 提 供 即 时 通信 、 大 量 数据 传递 等 功能 ， 支 持 Remoting 通信 方式 ， 用 
户 通过 它 可 以 直接 访问 Java 对 象 。 

2008 年 ，Adobe 再 次 对 Flex 进行 升级 ， 推 出 Flex 3.0。Flex 3.0 包括 Flex 框架 (也 称 为 
Flex 类 库 )、Flex 命令 行 编译 器 、Flex 调试 器 、ASDoc 实用 工具 和 调试 器 版 本 的 Flash Player。 
使 用 Flex SDK 可 以 开发 、 编 译 和 部 署 Flex 应 用 程序 ， 这 些 应 用 程序 将 连接 到 XML 和 SOAP 
Web 服务 ， 或 者 连接 到 各 种 服务 器 技术 ， 例 如 使 用 PHP、ColdFusion、Java 和 .NET 的 服务 器 
技术 。 

下 面 列 出 Flex 3.0 的 一 些 主要 新 特性 和 增强 功能 。 

Adobe AIR 的 本 机 支持 

Flex 3.0 增加 了 对 Adobe AIR 的 支持 ， 后 者 允许 开发 人 员 在 HTML、Ajax、Flash 和 Flex 
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中 使 用 现 有 的 Web 技术 构建 RIA 并 将 其 部 署 到 桌面 系统 中 。Flex 3.0 引入 了 一 些 新 组 件 ， 并 
将 Adobe AIR 开发 工具 包含 到 SDK 和 Flex Builder 中 。 

持久 性 框架 缓存 

在 对 Adobe 平台 组 件 使 用 新 的 Flash Player 缓存 时 ， 可 使 Flex 3.0 应 用 程序 的 大 小 减少 
到 50K。 

Advanced DataGrid 组 件 

Advanced DataGrid 是 一 个 新 组 件 ， 用 于 将 请 求 的 特性 添加 到 DataGrid 中 。 例 如 对 分 层 数 
据 的 支持 和 基本 透视 表 功 能 ， 目 前 仅 可 在 Flex Builder Professional 中 使 用 。 

OLAP DataGrid 组 件 

OLAP (在 线 分 析 处 理 ) 网 格 数据 允许 以 紧凑 格式 聚合 数据 ， 并 用 由 行 和 列 组 成 的 二 维 网 
格 显示 这 些 数据 聚合 。 目 前 仅 可 在 Flex Builder Professional 中 使 用 。 

Enhanced Constraints 布局 机 制 

Enhanced Constraints 构建 在 已 有 的 基于 约束 的 布局 机 制 之 上 , 允许 使 用 兄妹 关系 约束 (在 
Flex 2.0 中 只 可 以 定义 父子 约束 ) 创建 复杂 的 、 可 重新 调整 大 小 的 布局 。 

Flex Charting 包 增 强 

Flex 3.0 通过 许多 增强 功能 改进 了 Charting 包 。 坐 标 系统 现在 只 可 以 支持 几 个 轴 ， 
DateTimeAxis 允许 执行 工作 周 过 滤 。 新 的 面向 数据 的 图 形 API 允许 绘制 数据 坐标 ， 用 图 表 呈 
现 适当 屏幕 位 置 上 的 一 切 内 容 。 对 于 现 有 所 有 图 表 ， 还 有 一 些 新 格式 选项 和 新 添加 的 交互 功 
能 。 只 可 与 Flex Builder Professional 一 起 使 用 。 

Flex Component Kit for Flash CS3 

Flex Component Kit for Flash CS3 提供 了 用 于 创建 可 无 缝 集成 到 Flex 应 用 程序 中 的 Flash 
内 容 的 完整 工作 流 。Flash 用 户 现在 可 以 使 用 熟悉 的 Flash 时 间 轴 模型 开发 组 件 ， 然 后 通过 使 
用 少许 简单 的 模式 使 Flex 开发 人 员 能 够 引入 这 些 组 件 , 而 无 须 添加 额外 代码 。Flex Component 
Kit for Flash CS3 需要 额外 下 载 ， 可 以 从 Adobe 网 站 获得 。 

Flex Ajax Bridge 库 

Flex 3.0 现在 包括 Flex Ajax Bridge、 一 个 可 插入 Flex 应 用 程序 的 小 型 代码 库 、 一 个 Flex 
组 件 或 一 个 空 SWF 文件 〈 可 以 导出 该 文件 实现 浏览 器 中 的 脚本 编写 )。 使 用 Flex Ajax Bridge 
可 以 使 ActionScript 类 可 用 于 JavaScript， 无 须 编写 任何 额外 的 编码 。 在 插入 库 之 后 ， 就 可 以 
使 用 JavaScript 实现 用 ActionScript 实现 的 任何 操作 。 

Flex 开源 

Adobe Flex 现在 是 开源 的 ， 包 含 用 于 框架 、 编 译 器 、 调 试 器 以 及 更 多 可 在 Mozilla Public 
License 下 使 用 的 工具 的 源 代 码 。 更 多 信息 可 以 访问 http://opensource.adobe.com/flex。 


1.3 MXML 概述 


MXML 是 一 种 用 于 创建 用 户 界面 的 功能 强大 的 标记 性 语言 。MXML 文件 将 Flex 项 目 中 
的 所 有 文件 组 合 在 一 起 ， 形 成 一 个 有 机 的 整体 。 而 在 编译 时 MXML 会 转化 成 ActionScript。 
因此 ， 可 以 简单 地 将 MXML 结构 理解 成 一 种 动态 的 ActionScript 类 。 
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1.3.1 MXML 命名 规范 


MXML 是 一 种 XML 语言 ， 可 以 使 用 它 去 布置 Adobe Flex 应 用 程序 的 用 户 界面 。 还 可 以 
使 用 MXML 去 定义 其 他 的 方面 ， 如 存 取 服 务 器 端的 数据 ， 将 用 户 组 件 与 服务 器 端 数据 源 进行 
绑 定 等 。 

MXML 看 起 来 与 所 熟悉 的 HTML 很 类 似 。 然 而 ，MXML 更 为 结构 化 ， 并 提供 更 为 丰富 
的 标签 集 。MXML 与 HTML 之 间 最 大 的 不 同 之 处 在 于 ，MXML 所 定义 的 应 用 程序 将 被 编译 
成 SWF 文件 并 由 Flash Player 进行 渲染 ， 提 供 比 HTML 程序 更 丰富 的 和 动态 的 用 户 
界面 。 

MXML 对 大 小 写 敏感 ， 而 且 文件 名 和 变量 名 都 区 分 大 小 写 。 字 母 大 小 写 错 误 是 编程 中 常 
见 的 错误 ， 隐 项 性 较 高 ， 有 时 很 难 排 错 。 所 以 ， 建 议 读者 在 编写 代码 时 ， 应 该 采用 合理 的 命 
名 规范 ， 避 免 出 现 这 类 错误 。 

在 Flex 程序 中 ， 每 个 MXML 文件 都 必须 以 小 写 的 mxml 作为 后 缀 ， 文 件 名 要 遵循 
ActionScript 中 变量 的 命名 规则 。 因 为 在 程序 中 ， 所 有 的 MXML 文件 都 被 视 为 用 户 自 定义 的 
组 件 ， 相 当 于 一 个 对 象 ， 可 以 使 用 代码 动态 创建 。 也 就 是 说 ，MXML 文件 可 以 直接 被 
ActionScript 当 作 一 种 用 户 定义 的 数据 类 型 来 使 用 。 因 此 ，MXML 文件 不 能 和 ActionScript 类 
文件 同名 ， 否 则 就 会 造成 类 型 冲突 。 

在 ActionScript 中 , 变量 名 称 必须 以 字母 或 下 划 线 开始 , 且 只 能 包含 字母 、 数字 和 下 划 线 。 
需要 注意 的 是 ，MXML 文件 不 能 命名 为 Application。 因 为 ，Application 是 主 程序 文件 所 采用 
的 默认 标记 ， 不 可 以 再 被 标记 ， 也 不 能 和 程序 中 任何 一 个 组 件 的 id 值 同名 。 

例如 ， 下 面 是 MXML Application 文件 HiFlex.mxml 的 源 代码 。 

<?xml version="1.0" encoding="utf-8"?> 

<mx:Application xmlns:mx="http://www.adobe.com/2006/mzxml" layout= 

"absolute"> 

<mx:Label x="27" y="44" text="Welcome to Flex world.." 
id="lblstr" fontSize="21"” color="#FF001E"/> 
</mx:Application> 


现在 将 Label 组 件 的 id 属性 尝试 设置 为 与 文件 名 相同 的 HiFlex， 如 下 所 示 。 


<mx:Label x="27" y="44" text="Welcome to Flex world.." 


id="HiFlex" fontSize="21"” color="#FF001E"/> 


此 时 , 如 果 编 译 将 无 法 通 法 , 会 看 到 提示 为 identifier and class may not have the same name. 
的 错误 提示 信息 。 说 明 ， 组 件 的 唯一 id 属性 不 可 以 与 对 象 名 相同 。 

另外 ,还 需要 注意 的 是 程序 中 不 可 以 使 用 mx 作为 目录 名 。 因 为 mx 是 Flex Framework 官 
方 组 件 的 命名 空间 ， 受 到 Flex 编译 器 的 保护 。 假 设 ， 在 程序 中 创建 了 名 为 mx 的 目录 ， 这 个 
目录 中 存放 的 MXML 文件 和 ActionScript 类 文件 都 将 无 法 使 用 ， 将 会 被 编译 器 忽略 。 

为 了 避免 文件 名 冲突 ， 同 时 也 为 了 增强 程序 的 可 读 性 ， 文 件 和 变量 一 般 应 该 采用 有 意义 
的 单词 、 名 词 简写 或 字符 组 件 来 命名 。 下 面 列 出 了 一 些 命名 建议 。 

为 了 增加 程序 的 可 读 性 ， 可 在 前 面 加 一 个 表示 其 类 型 号 的 前 缓 ， 名 称 也 尽量 使 用 能 代表 该 变 


量 用 处 的 单词 。 例 如 ，strName、intCount、pnlLogin、btnSend 和 txtUserPwd 等 。 
使 用 下 划 线 组 合 单词 ， 例 如 ，User Name、User Email、Product List、Move_Speed 等 。 
将 常量 全 部 使 用 大 写 ， 例 如 圆周 率 用 PI 表示 ， 单 击 事件 名 用 CLICK EVENT 表示 。 


1.3.2 MXML 文件 结构 


MXML 文件 其 实 就 是 一 个 标准 的 XML 文件 ， 因 此 可 以 参照 XML 语法 来 分 析 MXML 文 
件 的 内 容 。 
这 里 以 上 节 HiFlex.mxml 文件 的 代码 为 例 。 


在 XML 文件 中 , 需要 在 第 一 行 声 明 XML 文件 采用 的 语法 版 本 号 和 文件 采用 的 编码 格式 。 
从 上 面 的 代码 中 可 以 看 到 这 两 个 属性 : version 和 encoding， 其 中 encoding 编码 格式 这 个 属性 
是 可 选 的 。 选 定 的 编码 格式 必须 符合 采用 的 编码 格式 ， 默 认为 utf-8。 在 中 文 操作 系统 中 ， 一 
般 使 用 utf-8 这 个 编码 格式 ， 它 兼容 采用 双 字 节 编 码 的 语言 和 其 他 常见 的 西方 语言 ， 而 且 可 以 
跨 平台 ， 也 是 使 用 最 广泛 的 编码 格式 。 另 外 ， 也 可 以 使 用 简体 中 文 的 专用 编码 格式 GB2312。 

mx:Application 标签 是 一 个 特殊 的 标签 。 在 每 个 Flex 项 目 中 ， 可 能 有 多 个 MXML 文件 ， 
但 作为 程序 入 口 的 运行 文件 只 有 一 个 ， 即 主 文件 。 其 标识 是 根 节 点 为 mx:Application。 另 外 ， 
在 一 个 MXML 文件 中 只 能 出 现 一 个 mx:Application 标签 。 

在 mx:Application 标签 中 ， 还 看 了 一 个 属性 : xmlns:mx="http://www.adobe.com/2006/ 
mxml"， 表 示 将 mx 定义 为 XML 的 命名 空间 。xmlns 标签 专门 用 来 定义 MXML 文件 的 命名 空 
间 ，XML 命名 空间 可 以 用 来 定义 一 套 独立 的 XML 标签 ， 并 且 为 这 些 标签 指定 特殊 的 解析 方 
式 。 例 如 ，XML 中 默认 的 标签 格式 为 <Button>node</Button>， 这 里 Button 节点 被 看 作 一 个 普 
通 文本 节点 ， 没 有 其 他 特殊 意义 。 定 义 命名 空间 后 ， 在 节点 上 加 上 空间 前 组 
<mx:Button></mx:Button>， 这 时 mx:Button 就 代表 mx 命名 空间 下 的 Button 对 象 。 

mx 命名 空间 对 应 的 路 径 是 http://www.adobe.com/2006/mxml, Flex 的 配置 文件 将 这 个 路 径 
定义 为 一 个 全 局 资源 标识 符 ， 并 对 应 了 一 个 XML 文件 。 在 这 个 文件 中 ， 列 出 了 mx 这 个 命名 
空间 下 的 所 有 标签 。 在 Flex Builder 3 的 安装 路 径 下 ， 进 入 sdks\3.0.0\frameworks 目录 中 ， 找 
到 flex-config.xml 文件 并 使 用 记事 本 打开 ， 会 看 到 如 下 所 示 的 内 容 。 


从 上 面 的 配置 中 发 现 http://www.adobe.com/2006/mxml 这 个 URI 和 mxml-manifest.xml 文 
件 对 象 。 下 面 打开 同 目录 下 的 mxml-manifest.xml 文件 。 在 该 文件 中 列 出 了 MXML 中 的 所 有 
标签 和 与 标签 关联 的 文件 路 径 。 下 面 列 出 的 是 其 中 部 分 内 容 。 


在 上 述 给 出 的 代码 中 , 节点 的 id 属性 表示 标签 名 称 ，class 属性 表示 类 文件 的 路 径 。 例 如 ， 
mx:Application 标签 也 就 是 对 应 了 mx.core.Application 类 。 

在 开发 中 ， 当 程序 中 有 很 多 的 MXML 文件 和 ActionScript 文件 时 ， 为 了 方便 调用 ， 可 以 
将 功能 相似 的 文件 放 在 一 个 文件 夹 中 。 然 后 再 定义 一 个 命名 空间 ， 这 样 会 节省 很 多 时 间 。 在 
自 定 义 命名 空间 时 ， 为 了 方便 ， 一 般 直接 指定 命名 空间 包括 的 标签 路 径 ， 如 : 


因为 使 用 了 通配符 “* ” components 目录 下 的 所 有 MXML 文件 和 ActionScript 类 文件 (不 
包括 目录 和 目录 中 的 文件 ) 都 被 包括 在 MyComp 命名 空间 下 。 假 设 ，components 中 有 一 个 
LoginPanel.mxml 文件 ， 则 在 程序 中 调用 这 个 文件 时 ， 可 以 使 用 如 下 代码 : 


这 样 ，MyComp 下 的 标签 会 自动 被 指向 componets 中 的 文件 。 当 标签 数量 较 多 且 分 布 在 
不 同文 件 夹 中 时 ， 可 以 模仿 Flex 配置 文件 的 做 法 ， 使 用 XML 文件 来 描述 标签 的 路 径 。 在 本 
书后 面 的 内 容 中 ， 会 经 常 看 到 命名 空间 的 使 用 。 

现在 回 到 MXML 文件 , Application 标签 中 还 一 个 属性 layout, 这 个 属性 定义 了 Application 


节点 下 元 素 的 布局 方式 。 由 于 Application 是 根 节 点 ， 因 此 它 的 布局 方式 决定 了 程序 的 总 体 
布局 方式 。absolute 属性 值 表示 绝对 定位 ， 这 样 文件 中 的 所 有 元 素 将 按照 各 自 的 x、y 坐标 来 
定位 。 

最 后 ， 看 一 下 Application 节点 中 的 内 容 。 这 里 仅 包含 了 一 个 mx:Label 节点 ， 代 表 一 个 
Label 组 件 ， 组 件 中 的 属性 还 定义 了 初始 化 时 一 些 状态 ， 像 坐标 、 字 体 大 小 、 颜 色 以 及 显示 的 
文本 等 。 


1.4 _ ActionScript 3.0 概述 


ActionScript 是 针对 Flash Player 运行 时 环境 的 脚本 编程 语言 ， 它 使 Flash 应 用 程序 实现 了 
交互 性 、 数 据 处 理 以 及 其 他 许多 功能 .Flash Player 中 内 置 的 ActionScript Virtual Machine( AVM) 
执行 ActionScript。ActionScript 代码 通常 被 Flash 提供 的 编译 器 编译 成 “ 字 节 码 格式 ”( 一 种 
由 计算 机 编写 且 能 够 为 计算 机 所 理解 的 编程 语言 )。 字 节 码 嵌入 SWF 文件 中 ， 这 种 字 节 码 文 
件 由 运行 时 环境 Flash Player 执行 。 


1.4.1 ActionScript 3.0 简介 


ActionScript 1.0 最 初 随 Flash 5 一 起 发 布 ， 这 是 第 一 个 完全 可 编程 的 版 本 。 在 Flash 7 中 引 
入 了 ActionScript 2.0， 这 是 一 种 强 类 型 的 语言 ， 支 持 基于 类 的 编程 特性 ， 比 如 继承 、 接 口 和 严 
格 的 数据 类 型 。Flash 8 进一步 扩展 了 ActionScript 2.0， 添 加 了 新 的 类 库 以 及 用 于 在 运行 时 控 
制 位 图 数据 和 文件 上 传 的 API。 通 过 使 用 新 的 虚拟 机 ActionScript Virtual Machine 2 (AVM2 )， 
Flash CS3 (附带 ActionScript 3.0) 大 大 提高 了 性 能 。 

ActionScript 3.0 也 是 一 种 功能 强大 的 面向 对 象 编程 语言 ， 它 是 Flash Player Runtime 演化 
过 程 中 的 一 个 重要 阶段 。ActionScript 3.0 是 一 种 适合 快速 构建 效果 丰富 的 互联 网 应 用 程序 
(RIA) 的 语言 。 1-3 中 演示 了 ActionScript 3.0 的 执行 顺序 及 各 部 分 的 作用 。 
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图 1-3 ActionScript 3.0 执行 顺序 


ActionScript 的 老 版 本 (ActionScript 1.0 和 2.0) 提供 了 创建 效果 丰富 的 Web 应 用 程序 所 
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需 的 功能 和 灵活 性 。ActionScript 3.0 现在 为 基于 Web 的 应 用 程序 提供 了 更 多 的 支持 。 它 提供 
了 出 色 的 性 能 、 简 化 了 开发 的 过 程 ， 因 此 更 适合 于 高 度 复 杂 的 Web 应 用 程序 和 大 数 
据 集 。 


”用 ActionScript 1.0 或 2.0 编写 的 SWF 文件 无 法 加 载 用 ActionScript 3.0 编写 的 1 
SWF 文件 。 J 


ActionScript 3.0 符合 ECMAScript Language Specification 第 三 版 。 它 还 包含 基于 
ECMAScript Edition 4 的 功能 ， 像 类 、 包 和 名 称 空间 ， 可 选 的 静态 类 型 ， 生 成 器 和 人 迭代 器 ， 以 
及 非 结 构 化 赋值 (Destructuring Assignments)。 随 着 Web 应 用 程序 项 目 需求 的 增加 ， 也 要 求 
ActionScript 引擎 有 重大 的 突破 。ActionScript 3.0 引入 了 新 的 高 度 优化 的 ActionScript Virtual 
Machine 2 (AVM2)。 与 AVM1 相 比 ，AVM2 的 性 能 有 了 显著 的 提高 。 这 使 ActionScript 3.0 代 
码 的 执行 速度 几乎 比 以 前 的 ActionScript 代码 快 了 10 倍 。 为 了 向 后 兼容 现 有 的 内 容 ，Flash 
Player 将 继续 支持 AVM1。 

与 ActionScript 2.0 相 比 ，ActionScript 3.0 采用 了 一 种 可 以 进行 更 强 的 编译 时 类 型 检查 的 
编译 模式 ， 它 结合 了 多 种 语言 ( 像 Java 和 C#) 的 优势 。 在 XML 数据 的 处 理 上 ， 遵 循 E4X 标 
准 ，ActionScript 3.0 自 带 的 XML 类 ， 是 一 种 直接 扩展 了 E4X 标准 的 数据 类 型 。 开 发 者 可 以 
很 方便 地 解析 和 架构 XML 数据 。 同 时 ，ActionScript 3.0 添加 了 正则 表达 式 支 持 ， 为 开发 者 提 
供 了 处 理 复杂 字符 串 的 技术 支持 。 

ActionScript 3.0 在 很 多 功能 方面 都 有 了 很 大 的 改进 , 例如 增强 处 理 运行 时 错误 的 能 力 , 更 
全 面 地 面向 对 象 , 支持 二 进 制 数据 处 理 , 支持 Socket 通信 ， 提 供 Flash Player API 等 。 可 以 说 ， 
ActionScript 3.0 已 经 成 为 一 个 遵循 业界 标准 、 完 全 面向 对 象 、 表 现 优异 的 编程 语言 。 


1.4.2 在 Flex 中 ActionScript 的 使 用 方式 


前 面 讲 过 ,MXML 用 于 为 Flex 应 用 程序 进行 用 户 界 面 组 件 布局 ， 它 属于 表示 层 ， 最 终 要 
编译 成 ActionScript， 并 生成 ActionScript 类 文件 在 Flash Player 上 运行 。 这 一 点 对 于 Java 开发 
者 来 说 可 能 很 容易 理解 ，MXML 就 好 像 是 JSP、Struts、JSF， 它 们 最 终 都 会 编译 成 Java 类 文 
件 ， 并 在 具备 Java 虚拟 机 环境 的 浏览 器 上 运行 。 

所 以 说 ，Flex 最 核心 的 还 是 ActionScript。 在 Flex 中 ，ActionScript 是 以 类 库 的 方式 出 现 
的 ， 该 类 库 包 含 组 件 〈 容 器 和 控件 )、 管 理 器 类 、 数 据 服 务 类 和 所 有 其 他 功能 的 类 。 本 节 主 要 
介绍 在 Flex 中 使 用 ActionScript 的 方法 。 

在 Flex 中 使 用 ActionScript 主要 有 3 种 方式 : 内 联 方式 、 级 联 方式 和 外 联 方式 ， 下 面 依 
次 介绍 。 


| 1. 内 联 方 式 门 


这 种 方式 直接 将 ActionScript 代码 作为 事件 的 属性 值 。 通 常 都 是 仅 有 一 行 ， 相 对 简单 ， 如 
下 所 示 。 


<?xml version="]1.0" encoding="utf-8"?> 


这 种 方式 将 ActionScript 代码 放 入 <mx:Script></mx:Scrip 人 代码 块 中 ， 然 后 将 方法 作为 事 
件 的 属性 值 。 这样 可 以 在 一 个 文件 中 重用 ActionScript 代码 , 而 且 可 以 在 调用 方法 时 传递 参数 。 

<mx:Scripf> 标 签 可 以 放置 在 根 节点 下 的 任何 位 置 ， 但 是 必须 使 用 CDATA 将 代码 包 起 来 。 
CDATA 标签 是 XML 中 特殊 字符 的 专用 标签 。XML 解析 器 通常 情况 下 会 处 理 XML 文档 中 的 
所 有 文本 。 如 果 在 XML 文档 中 使 用 类 型 的 “<”， 那么 解析 将 会 出 现 错误 。 因 为 ， 解 析 器 会 认 
为 这 是 一 个 新 元 素 的 开始 。 还 有 ， 在 XML 中 “<” 和 “&” 字 符 是 禁止 使 用 的 ， 它 们 和 正常 
的 XML 标签 冲突 ， 会 导致 XML 文件 不 能 正确 解析 。 使 用 CDATA 标签 可 以 很 好 地 解决 这 个 
问题 ， 在 CDATA 内 部 的 所 有 内 容 都 会 被 解析 器 忽略 。 

下 面 给 出 对 上 例 修改 后 采用 级 联 方式 的 代码 。 


从 上 述 代 码 中 可 以 看 出 ， 将 MXML 和 ActionScript 代码 分 开 ， 文 件 结构 清晰 ， 更 容易 维 
护 。 编 写 代码 时 ， 添 加 程序 注释 是 一 个 很 好 的 习惯 ， 可 以 增强 程序 的 可 读 性 。 在 编译 时 ， 注 
释 部 分 被 自动 跳 过 ， 被 注释 的 代码 也 不 会 执行 。ActionScript 中 有 如 下 两 种 添加 注释 的 
方式 。 

注释 单行 使 用 “// 程 序 注释 内 容 ”。 

注释 多 行使 用 “/* 程 序 注释 */”。 

另外 ，MXML 文件 也 可 以 添加 注释 ,方式 与 XML 中 相同 ， 格 式 如 下 : 


结构 。 


如 果 在 MXML 文件 中 插入 的 ActionScript 代码 量 很 大 ， 这 时 候 会 考虑 将 代码 提取 出 来 ， 
放 在 一 个 单独 的 ActionScript 文件 中 。 这 样 ， 可 以 将 ActionScript 代码 和 MXML 界面 分 离 ， 让 
程序 变 得 更 易于 维护 。 

这 里 指 的 是 外 部 的 ActionScript 文件 ， 而 不 是 ActionScript 类 文件 。 虽 然 两 者 都 是 以 .as 作 
为 文件 名 后 级 ,但 区 别 很 大 。 前 者 只 是 将 MXML 文件 <mx:Script> 标 签 中 的 代码 提出 来 ， 放 在 
一 个 .as 文件 中 ; 而 后 者 则 是 ActionScript 类 文件 ， 遵 循 面向 对 象 的 语法 。 具 体 的 区 别 将 在 本 
书后 面 介绍 。 

要 将 MXML 文件 中 的 ActionScript 代码 关联 到 一 个 外 部 文件 , 首先 需要 在 MXML 文件 中 
进行 设置 ， 指 定 文件 的 路 径 。 这 需要 使 用 <mx:Script> 标 签 来 完成 ， 格 式 如 下 : 


当 程 序 的 代码 量 很 大 时 ， 添 加 适当 的 注释 非常 有 必要 。 简 短 扼要 的 注释 ， 往 
往 可 以 指出 程序 中 的 关键 点 ， 使 程序 员 在 编写 过 程 中 时 刻 掌 握 程序 的 


这 里 source 属性 即 为 外 部 文件 的 路 径 。 在 编译 时 ， 文 件 中 的 代码 被 复制 到 程序 中 执行 ， 
和 直接 写 在 <mx:Scrip 人 标签 中 的 代码 功能 相同 。 

例如 ， 这 里 要 将 ActionScript 代码 关联 到 文件 MyTool.as。 首 先 在 MXML 中 进行 设置 ， 如 
下 所 示 。 


然后 ， 在 相同 目录 中 创建 一 个 MyTool.as 文件 并 输入 如 下 所 示 的 代码 即 可 。 


1.5 部署 Flex 3.0 开发 环境 


本 节 前 面 介绍 了 很 多 关于 Flex 的 基础 概念 ， 本 节 将 以 最 新 的 Flex 3.0 为 例 详细 介绍 开发 
环境 的 部 署 。 从 Flex 出 现 到 现在 ， 每 个 版 本 的 变化 都 比较 大 ， 而 且 在 一 个 大 版 本 中 ， 官 方 可 
能 根据 情况 发 布 升级 补丁 ， 导 致 出 现 多 个 版 本 并 存 的 情况 。 因 此 ， 使 用 时 要 注意 ， 本 书 中 Flex 
3.0 指 的 是 Adobe 第 一 次 发 布 的 3.0 正式 版 ， 不 包括 任何 升级 包 和 补丁 。 


1.5.1 获取 Flex 3.0 


Flex Framework 是 Flex 的 核心 ， 也 是 开发 环境 必 备 的 。 在 Flex Framework 中 包含 免 
费 的 类 库 , 可 以 供用 户 独 立 安装 。 在 Adobe 官方 网 站 http://www.adobe.com 可 以 下 载 最 新 Flex 
3.0。 

Flex Framework 中 包含 了 Flex 编译 器 ， 安 装 后 ， 即 可 使 用 简单 的 文本 编辑 器 、XML 编辑 
器 或 支持 文本 编辑 的 任何 软件 来 编写 Flex 程序 。 然后 再 结合 编译 器 , 就 可 以 手动 进行 Flex 3.0 
应 用 程序 的 开发 。 这 种 方式 对 开发 者 的 要 求 比较 高 ， 要 求 对 MXML 语言 和 ActionScript 非常 
熟悉 ， 所 以 不 推荐 初学 者 使 用 。 

任何 一 种 编程 语言 的 成 功 都 离 不 开 一 个 优秀 的 开发 环境 ，Flex 也 不 例外 。 这 里 ， 建 议 读 
者 使 用 Adobe 的 Flex 集成 开发 环境 一 一 Flex Builder， 其 最 新 版 本 为 Flex Builder 3， 同 样 可 以 
在 Adobe 官方 网 站 下 载 获取 。 


1.5.2 安装 Flex Builder 3 


Flex Builder 3 不 仅仅 是 旧版 本 的 简单 升级 ， 它 整合 了 Flex Framework 3.0， 并 提供 了 一 系 
列强 大 的 功能 ， 例 如 可 视 化 的 拖 忠 布局 模式 、 完 善 的 代码 提示 、 所 见 即 所 得 的 CSS 设计 模式 
等 。 使 用 Flex Builder 3 可 以 让 开发 者 的 效率 得 到 显著 提高 。 

在 安装 之 前 ， 读 者 首先 需要 了 解 Flex Builder 3 对 系统 硬件 和 软件 的 配置 要 求 。 如 下 是 官 
方 推荐 的 运行 环境 : 

CPU Intel Pentium 4 处 理 器 。 

操作 系统 Windows XP with Service Pack 2。 

内 存 1GB。 

硬盘 500MB 的 可 用 硬盘 空间 。 

Java 虚拟 机 Sun JRE 1.4.2、Sun JRE 1.5 (Flex Builder 内 置 )、 IBM JRE 1.5 或 Sun JRE 

1.6。 
插件 安装 要 求 Eclipse 3.2.2 或 更 高 版 本 、IBM Rational Software Architect 7.0。 
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其 他 Adobe Flash Player 9。 

下 载 后 会 得 到 一 个 可 执行 文件 ， 直 接 双击 开始 安装 。 现 在 来 看 一 下 它 的 安装 步骤 。 

(1) 安装 程序 会 将 所 需 的 文件 保存 到 系统 临时 存储 位 置 ， 来 做 安装 准备 。 这 些 就 绪 之 后 
会 弹出 如 图 1-4 所 示 的 选择 语言 对 话 框 。 


E 


ADOBE" FLEX™~ BUILDER™ 3 
on Echpse 


Bom 


图 1-4 选择 语言 


(2) Adobe Flex Builder 3 发 布 时 仅 支持 English 语言 ， 单 击 OK 按钮 继续 。 在 进入 的 对 话 
框 中 显示 了 本 安装 程序 的 功能 介绍 ， 如 图 1-5 所 示 。 


回回 可 


Introduction 


1-5 浏览 功能 


(3) 单 击 Next 按钮 ， 进 入 安装 过 程 的 第 一 步 ， 在 这 里 列 出 了 要 继续 所 需 的 同意 许可 描 
述 。 启 用 工 accept the terms of the License Agreement 单 选 按钮 后 ， 单 击 Next 按钮 ， 如 图 1-6 
所 示 。 

(4) 我 们 会 看 到 图 1-7 所 示 的 界面 ， 这 里 可 以 设置 Flex Builder 3 的 安装 位 置 。 如 果 想 要 
自己 设 定安 装 目录 ， 可 以 单 击 Choose 按钮 选择 要 安装 的 目录 。 此 处 安装 到 D:\Program 
Files\Adobe\Flex Builder 3 目录 。 

(5) 单 击 Next 按钮 ， 选 择 要 安装 的 插件 。 这 里 包括 针对 Internet Explorer 浏览 器 和 
Firefox 浏览 器 的 Flash Player 9， 以 及 支持 ColdFusion 语言 和 JavaScript 脚本 的 插件 ， 如 


Flex 3.0 入 门 


图 1-8 所 示 。 


这 一 步 很 重要 , Flex 3.0 需要 Flash Player 9 或 更 高 版 本 才能 运行 .因此 这 两 项 都 必须 启用 。 


B adobe Flex Buildcr 3 Installer 本 
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图 1-6 阅读 安装 许可 协议 


TT 回 


Choose Install Folder 


Fx Where would You Like to Instal? 
于 prerm Files\Mote\alex Builder 3 


Restore Default Folder Choose. 


nstalAnmnere by Hatro 
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图 1-7 选择 安装 位 置 


Adobe Fler Builder 3 Installer 区 
Additional Installations 


Fx To view and debug applicatons developed with Flex Builder you 
must install at least one copy of Flash Piayer 9. This setup can 
install the debug version of Flash Player in any of the following 
browsers- 
回 Adobe Flash Player 9 forintemet Explorer 


回 Adobe Flash Player 9 for Netscape or Firefox 


Optional Installations: 
OD coldFusion Edensions for Flex Builder 
Epse - Jovanpt pugm tnot svanable mn Japanese} 


Cancel 


1-8 选择 安装 插件 
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建议 读者 安装 JSEclipse 插件 ， 它 是 Adobe 开发 的 JavaScript 编辑 器 插件 ， 用 1 
于 方便 地 开发 JavaScript 脚本 。 | 


(6) 单 击 Next 按钮 ,浏览 此 前 设置 的 安装 概要 ,包括 安装 路 径 、 插 件 设置 以 及 所 需 空间 ， 
如 图 1-9 所 示 。 


Adobe Flex Puilder 3 Installor 由 局 园 


Pre-Installation Summary 


Please Review the Following Before Continuing: 
Install Folder 
DAProgram Files\AdobeFlex Builder 3 


Adobe Flash Player Installation 
Debugging Flash Player  wil not be installed for Intemet 
Explorer or Netscape/Firefox browsers. 


Disk Space Information (for Installation Target): 
Required: 516,915,275 bytes 
Available: 5,516,894,208 bytes 


图 1-9 安装 前 的 确认 
(7) 单 击 Install 按钮 ， 这 样 就 会 开始 安装 Flex Builder 和 Flex 中 开发 RIA 应 用 程序 所 需 


要 的 其 他 组 件 。 复 制 文件 和 组 件 的 过 程 长 短 与 计算 机 的 配置 成 正比 。 在 安装 过 程 中 ， 会 在 下 
方 显 示 将 要 安装 的 组 件 和 组 件 的 安装 进度 ， 如 图 1-10 所 示 。 


Adobe Plex Duilder 3,Installer 回 画 可 


Fx 


Installing Adobe Flex Builder 3 


InstallAnywhere by Macro' 


[ee | 


1-10 复制 文件 


(8) 安装 完成 后 会 出 现 图 1-11 所 示 的 Install Complete 窗口 ， 提 示 成 功 安装 到 指定 位 置 。 
单 击 Done 按钮 结束 安装 程序 ， 现 在 即 可 开始 构建 RIA 应 用 程序 。 
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蛋 已 网 
Install Complete 


Congratulaions! Adobe Fley Builcer3 has been installed 
Surcessfuly to: 
DiPregram FiesAdobevler Builder3 


图 1-11 安装 完成 


1.5.3 第 一 个 Flex 程序 


现在 已 经 完成 Flex Builder 3 的 安装 ， 并 且 在 安装 过 程 中 ，Flex Builder 3 已 经 部 署 了 开发 
Flex 3.0 所 需 的 各 个 组 件 。 本 节 将 通过 创建 一 个 简单 的 Flex 程序 实例 ， 来 说 明 如 何 创 建 项 目 、 
编译 调试 并 发 布 最 后 的 SWF 文档 。 重 点 是 帮助 读者 理解 前 面 讨论 的 概念 是 如 何在 Flex 中 应 
用 的 。 

(1) 要 创建 一 个 Flex 应 用 程序 ， 必 须 首先 创建 一 个 Flex 项 目 。Flex Builder 3 会 创建 所 有 
所 需 的 目录 , 并 创建 和 管理 运行 项 目 所 需 的 文件 。 启动 Flex Builder 3, 在 菜单 中 选择 File | New 
| Flex Project 命令 。 

(2) 弹出 New Flex Project 对 话 框 ， 在 Project name 文本 框 中 指定 Flex 项 目 名 称 ， 这 里 输 
入 FirstFlexApp。 默 认 会 启用 Use default location 复 选 框 ， 这 样 所 有 创建 的 项 目 都 保存 到 这 个 
目录 下 ， 如 图 1-12 所 示 。 


图 1-12 New Flex Project 对 话 框 


在 Application type〈 应 用 程序 类 型 ) 中 的 Web application (runs in Flash Player) 表 示 Web 
应 用 程序 (运行 在 Flash Player 里 面 )，Desktop application (runs in Adobe AIR) 表 示 桌 面 应 用 程 
序 (运行 在 Adobe AIR 中 )。 在 Application server type 下 拉 列 表 框 中 可 以 指定 Flex 使 用 的 服务 
器 端 技术 。 

(3) 单 击 Next 按钮 ， 在 进入 的 Configure Output 窗口 中 设置 经 过 编译 后 Flex 程序 在 本 地 
的 位 置 。 推 荐 使 用 默认 值 , 位 于 项 目 文件 夹 下 , 输入 文件 夹 名 称 为 bin-debug, 如 图 1-13 所 示 。 


Sptcify the folder where pou conpilet Tles wplication will be oatpat 


Cagilad 下 tx apylicatim Locatior 
This folder will be inside your projtet folder 


图 1-13 Configure Output 


(4) 单 击 Next 按钮 ， 设 置 源 路 径 和 类 库 路 径 ， 如 果 需 要 第 三 方 类 库 、 项 目 ， 或 自己 开发 
的 类 库 、 项 目 ， 可 以 单 击 相应 按钮 来 完成 ， 如 图 1-14 所 示 。 


oroate a Hlox projoct. 
Sat the but paths for the new lex preest 


ores path Bh druy ph 
| rarz iate: [rea i cots 加 


Mad Broject 


aa SC Eoldewr. 


Bbirk Type Norerd into code 
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[Yerify RSL dirests (recmaendet for produetion) 


图 1-14 设置 数据 源 路 径 和 类 库 路 径 


(5) 单 击 Finish 按钮 ， 完 成 Flex 项 目 FirstFlexApp 的 创建 过 程 。 进 入 Flex 程序 的 开发 环 
境 ， 并 显示 FirstFlexApp.mxml 中 的 MXML 代码 ， 如 图 1-15 所 示 。 

(6) 单 击 Design 按钮 进入 Design 视图 。 然 后 从 Components 窗 格 中 展开 Layout 节点 ， 拖 
忠 一 个 TitleWindow 组 件 到 设计 区 域 。 


tr FLezapp- mxal 


Flex Developaem irstFlexApp/sre/FirstFle 
Hile Edit Source Navieate Search Froject Data Bon Winiow Eelo 


EETIEL 


1 <Ixml version="1.0" encoding="utf-Sm?> 
23 qn: Applicaticon xmlaatmxrrhccps/ /wu.adobe. com/ 2006/manl" lal 


3 
4 </mx: Application> 
5 


区 res Console 3 
Te Free 


1-15 FirstFlexApp.mxml 内 容 


(7) 在 Flex Properties 窗 格 中 设置 TitleWindow 组 件 id 属性 为 winMain、title 属性 为 “我 
的 第 一 个 Flex 程序 ”切换 到 Source 视图 会 看 到 生成 的 代码 如 下 : 


(8) 使 用 上 步 的 方法 在 Controls 节点 下 拖 电 一 个 Label 组 件 到 TitleWindow 组 件 上 。 再 
设置 text 属性 为 Welcome to Flex world!、id 属性 为 lblStr、fontSize 属性 为 16、color 属性 为 
FF001E 。 

(9) 在 Source 视图 中 为 Label 组 件 添加 一 个 click 属性 ， 设 置 值 为 ShowMsg(Flex)。 这 样 
定义 一 个 单 击 事件 ， 触 发 后 执行 ShowMsg('Flex')。 

(10) 本 实例 采用 级 联 方式 调用 ActionScript 代码 。 接 下 来 编写 ActionScript 代码 ， 插 入 
<mx:Scripf> 标 签 及 触发 后 的 实现 代码 。 如 下 所 示 为 最 终 的 MXML 文件 内 容 。 


(11) 保存 FirstFlexAppmxml 文件 。 在 工具 栏 中 单 击 Debug 按钮 荔 - 对 创建 的 
MXMLApplication 应 用 程序 进行 调试 。 此 时 Flex Builder 3 会 自动 完成 编译 、 部 署 到 输出 目录 
bin-debug、 创 建 相应 的 HTML 文件 并 打开 等 操作 。 图 1-16 所 示 即 为 运行 效果 ， 可 以 单 击 
Welcome to Flex world! 文 字 查看 弹出 的 对 话 框 。 


医 wwiraaerismeNphul 国 
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去 二 [aa 


Welcome to Flex world! 


图 1-16 第 一 个 程序 运行 效果 


在 本 节 创 建 第 一 个 Flex 程序 的 过 程 中 会 涉及 到 很 多 Flex Builder 3 的 操作 。 有 
关 它 的 具体 使 用 ， 将 在 下 一 章 中 详细 介绍 。 


熟 悉 开 发 环境 Flex Builder3 。 Flex Builder 3 
第 公章 


2 内 容 摘 要 1aws4sct 
Flex Builder 3 是 基于 Eclipse 的 集成 开发 环境 ， 用 于 开发 能 将 桌面 应 用 程序 的 丰富 性 和 
Adobe 业务 平台 的 跨 平台 性 相 结 合 的 RIA。Flex Builder 3 使 开发 人 员 能 够 快速 构建 能 与 XML、 
Web 服务 或 者 Flex Data Services 集成 的 丰富 的 用 户 端 逻 辑 。 使 用 精准 的 设计 和 排版 工具 ， 用 
户 界 面 设 计 人 员 能 够 创建 更 丰富 多 彩 、 可 自 定 义 外 观 的 应 用 程序 界面 。 本 章 将 详细 介绍 Flex 
Builder 3 的 开发 环境 。 
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2.1 熟悉 Flex Builder 3 的 工作 区 


Flex Builder 3 虽然 功能 非常 强大 , 但 是 使 用 起 来 却 并 不 难 。 本 节 将 简要 介绍 Flex Builder 3 
的 工作 环境 。 


2.1.1 Editors 


Editors， 即 编辑 器 ， 位 于 Flex Builder 3 工作 区 中 央 的 大 块 灰色 区 域 是 Editor 窗 格 (Editor 
Pane)， 这 是 编写 代码 和 修改 代码 ， 以 及 进行 设计 工作 的 地 方 。 

在 Editor 窗 格 中 ， 可 以 看 到 两 种 视图 编辑 模式 : Source 视图 和 Design 视图 。 下 面 将 分 别 
介绍 这 两 种 模式 。 


全 在 Source 视图 下 工作 ， 


MXML 代码 存放 在 一 个 MXML Application 文件 内 ， 大 多 数 的 Flex 应 用 程序 都 只 有 或 者 
说 只 需要 一 个 MXML Application 文件 。 当 运行 应 用 程序 的 时 候 ， 该 文件 〈 与 Flash 中 的 .fla 文 
件 相 似 ) 就 会 编译 生成 一 个 SWF 文件 。 

首先 来 看 看 Flex Builder 3 在 创建 一 个 MXML Application 文件 时 默认 放置 的 代码 ， 如 下 
所 示 。 


MXML Application 文件 以 一 个 xml 声明 开头 , 这 是 因为 MXML Application 文件 必须 遵守 
XML 的 规则 ， 这 些 规则 大 致 总 结 如 下 。 

每 个 起 始 标签 必须 有 一 个 对 应 的 结尾 标签。 

标签 区 分 大 小 写 。 

每 个 标签 必须 含有 属性 。 

标签 必须 有 严格 的 层级 关系 。 

在 一 个 MXML Application 文件 中 ,<mx:Application></mx:Application> 标 签 对 是 根 标 签 对 ， 
其 他 所 有 的 标签 必须 位 于 根 标 签 对 之 中 。 构 建 Flex 应 用 程序 的 时 候 ， 实 际 是 在 构建 一 个 多 容 
器 的 配置 ， 这 些 容器 可 以 容纳 其 他 的 容器 或 者 视觉 元 素 ， 比 如 按钮 、 文 本 框 、 单 选 按钮 、 下 
拉 列 表 框 等 。<mx:Application> 标 签 除了 被 看 作 根 标签 外 ， 还 是 一 个 主 容器 。 


和 MXML Application 文件 的 标签 都 以 标识 符 mx: 开 头 ， 这 由 Flex 命名 空间 的 特 ] 
性 决定 。 


下 面 ， 在 Source 视图 下 ， 设 计 一 个 简单 的 Label 组 件 ， 显 示 一 段 文本 Flex is interesting， 
有 具体 步骤 如 下 所 示 。 

(1) 将 光标 放 在 两 个 Application 标签 之 间 。 

(2) 输入 一 个 左 尖 括 号 <， 这 时 Flex Builder 3 马上 就 会 给 出 一 个 可 用 标签 列表 ， 如 图 2-1 
所 示 。 


2-1 智能 提示 


(3) 找到 mx:Label 或 者 直接 输入 mx:Label， 并 且 设 置 text 属性 为 Flex is interesting， 具 体 


代码 如 下 所 示 : 
如 果 标 签 内 含有 另外 一 个 标签 ， 就 可 以 只 用 一 个 右 失 括号 > 关闭 标签 ; 如 果 标 | 


C6® 签 内 没有 其 他 标签 ， 就 可 以 使 用 /> 来 关闭 标签 。 


(4) 保存 文件 ， 单 击 Run 按钮 。 具 体 效果 如 图 2-2 所 示 。 


2-2 ”Flex 输出 结果 


单 击 Design 按钮 ， 就 可 以 转 到 Design 视图 。 在 这 里 拥有 一 个 以 “所 见 即 所 得 ”方式 设计 
网 页 的 环境 ， 如 图 2-3 所 示 。 


加 ne ow] 
| 加 st x[| 圈 世 全 一 口 
加 ove tt eed 


[EEC 


2-3 Design 视图 


左下 方 的 窗 格 , 即 Components 窗 格 , 显示 的 是 所 有 可 用 组 件 的 清单 。 右 下 方 的 属性 窗 格 ， 
即 Flex Properties 窗 格 ， 显 示 当 前 组 件 的 所 有 属性 。 


接 下 来 在 Design 视图 中 创建 一 个 简单 的 页 面 ， 具 体 代码 如 下 所 示 。 
(1) 从 Components 窗 格 中 拖 电 进 来 一 个 Label 控件 。 
(2) 设置 ID 属性 为 Lab1，Text 属性 为 “第 一 个 Flex 程序 ” Color 属性 为 “#DB771F”， 
FontSize 属性 为 20， 如 图 2-4 所 示 。 
(3) 保存 文件 ， 单 击 Run 按钮 。 具 体 效 果 如 图 2-5 所 示 。 
IE 


图 2-4 设置 控件 属性 图 2-5 运行 程序 


在 Flex Properties 窗 格 顶 部 右边 有 几 个 按钮 ， 其 中 第 二 个 按钮 叫 作 Category View, 单 击 这 
个 按钮 ，Flex Properties 窗 格 会 按照 选项 的 类 型 显示 出 更 多 的 分 组 选项 ， 如 图 2-6 所 示 。 


图 2-6 分 类 显示 属性 


在 分 类 中 ， 有 一 个 类 别 是 Effects。 在 该 类 别 中 可 以 为 控件 添加 动态 效果 。 例 如 ， 设 置 
mouseDownEffect 属性 的 值 为 WipeRight， 在 页 面 中 单 击 该 Label 控件 ， 就 可 以 看 到 从 左 往 右 
出 现 的 动态 效果 。 

2.1.2 其 他 窗 格 


上 一 节 已 经 介绍 了 除了 Editors 编辑 器 外 的 一 些 窗 格 , 比如 Compotents 窗 格 、Flex Properties 


窗 格 等 。 单 击 项 部 菜单 栏 中 的 Window 命令 , 就 列 出 了 所 有 可 用 的 窗 格 的 列表 , 如 图 2-7 所 示 。 


Flex Navigator 窗 格 一 般 位 于 Flex Builder 3 工作 区 的 左上 角 ， 在 该 窗 格 中 ， 显 示 当 前 项 目 
的 所 用 文件 夹 和 文件 。 用 户 可 以 对 项 目的 中 的 文件 夹 或 者 文件 进行 各 种 操作 ， 比 如 添加 、 删 
除 、 重 命名 等 ， 如 图 2-8 所 示 。 
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2-7 Window 命令 菜单 图 2-8 Flex Navigator 窗 格 


在 Components 窗 格 中 , 存放 Flex Builder 3 的 所 有 可 用 控件 , 比如 Label 标签 控件 、Button 
按钮 控件 、Image 图 像 控件 等 。Flex Properties 窗 格 则 显示 当前 页 面 上 每 一 个 标记 或 者 元 素 的 
属性 集合 。 这 两 个 窗 格 只 在 设计 视图 中 有 效 ， 在 代码 视图 中 将 没有 任何 内 容 。 在 前 面 介绍 设 
计 视 图 时 ， 已 经 介绍 过 这 两 个 窗 格 的 内 容 ， 这 里 就 不 再 重复 。 


Onutline 窗 格 中 显示 当前 页 面 所 用 到 的 所 有 元 素 。 将 所 有 元 素 按照 各 个 元 素 的 包容 关系 ， 
以 树 状 菜单 形式 显示 出 来 ， 如 图 2-9 所 示 。 
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2-9 ”Outline 窗 格 


在 代码 模块 ，Flex Builder 3 会 自动 对 代码 进行 检查 ， 当 发 现 用 户 设计 的 代码 出 现 语法 上 


或 者 逻辑 上 的 错误 时 ， 就 会 在 Problems 窗 格 中 输出 相应 的 错误 或 者 警告 信息 ， 并 且 给 出 了 该 
错误 或 者 警告 的 具体 描述 和 在 程序 文件 中 的 具体 位 置 ， 如 图 2-10 所 示 。 双 击 该 错误 信息 ， 就 
可 以 直接 转 到 程序 中 出 现 错误 的 语句 行 。 通 过 Problems 窗 格 的 提示 ， 避 免 了 一 些 因 为 用 户 疏 
忽而 造成 的 错误 ， 也 大 大 减少 了 程序 调试 的 工作 量 。 
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图 2-10 Problems 窗 格 


在 Flex Builder 3 中 可 以 使 用 视图 状态 和 变换 来 创建 更 为 丰富 、 更 具 互 动 性 的 用 户 体验 。 
例如 ， 可 以 使 用 视图 状态 去 创建 用 户 界面 ， 根 据 用 户 所 执行 的 任务 来 改变 它 的 外 观 。 

视图 状态 (View States) 为 一 个 MXML 程序 或 者 组 件 定义 的 布局 命名 。 可 以 为 一 个 程序 
或 者 组 件 定义 几 种 视图 状态 ， 并 且 根 据 用 户 的 行为 在 之 间 进 行 切 换 。 视 图 状态 允许 动态 地 改 
变 用 户 界面 ， 以 便 对 用 户 的 活动 或 者 增加 的 内 容 做 出 响应 。 

在 States 窗 格 中 ， 用户 可 以 新 建 状态 , 通过 在 页 面 中 调用 不 同 的 状态 , 改变 页 面 的 外 观 和 
内 容 。 

在 States 窗 格 中 右 击 ， 在 弹出 的 命令 菜单 中 选择 New state 或 者 直接 单 击 加 就 可 以 新 建 状 
态 。 这 里 创建 了 一 个 名 称 为 Register 的 新 状态 ， 如 图 2-11 所 示 。 
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2-11 States 窗 格 


状态 创建 完成 后 ， 在 代码 视图 中 对 该 状态 的 内 容 进行 编辑 ， 这 里 设置 新 状态 显示 【注册 】 
界面 ， 在 原来 【登录 】 界 面 的 基础 上 增加 “确认 密码 : ”项 ， 并 改变 控件 的 相应 属性 ， 设 置 超 
链接 文本 的 click 事件 返回 初始 状态 ， 当 用 户 单 击 “ 返 回 登录 ” 超 链接 文本 时 ， 返 回 【 登 录 】 
界面 。 具 体 代 码 如 代码 2.1 所 示 。 


代码 2.1 登录 界面 代码 


在 页 面 中 运行 ， 具 体 的 效果 如 图 2-12、 图 2-13 所 示 。 
| Eapveasnrs snd seuuntavaministratorv Docunents\ELex nuil... 周 


ad Settings Wninistrator Wy Docments\Flex EC 


| (Bestements wm sottirer [| 


图 2-13 【注册 】 界 面 


页 面 和 代码 设计 完成 后 ， 选 择 兰 命令， 对 程序 进行 调试 。 程 序 执行 结束 后 ， 返 回 Flex 
Builder 3 界面 ， 就 可 以 看 到 Debug 窗 格 和 Console 窗 格 。 
Debug 窗 格 显示 当前 文件 的 执行 进度 和 状态 ， 如 图 2-14 所 示 。 
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图 2-14 Debug 窗 格 


如 果 在 程序 中 使 用 了 调试 语句 trace， 那 么 在 Console 窗 格 中 就 会 出 现 生 成 的 SWF 文件 及 
使 用 trace0 语 句 查 看 的 变量 的 值 ， 如 图 2-15 所 示 。 
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图 2-15 ”Console 窗 格 


在 调试 模式 下 ， 除 了 Debug 窗 格 和 Console 窗 格外 ， 还 有 3 个 窗 格 ， 分 别 是 Variables、 
Expressions 和 Breakpoints。 

Breakpoints 窗 格 显示 了 当前 项 目 所 有 的 文件 中 断 点 的 位 置 , 如 图 2-16 所 示 。 双击 该 断 点 ， 
就 可 以 直接 转 到 设置 断 点 的 位 置 。 
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2-16 Breakpoints 窗 格 


Variables 窗 格 监视 正在 调试 的 程序 文件 中 的 所 有 变量 的 值 ， 并 将 这 些 变量 的 值 以 列表 的 
形式 显示 出 来 ， 如 图 2-17 所 示 。 程 序 执行 完成 后 ，Variables 窗 格 将 释放 所 监视 的 所 有 变量 
的 值 。 

在 Expressions 窗 格 中 ， 可 以 监视 一 个 或 者 多 个 特定 的 表达 式 ， 在 调试 程序 时 ， 显 示 所 有 
的 表达 式 及 值 。 
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图 2-17 ”Variables 窗 格 


2.2 ”编译 与 运行 Flex 3.0 程序 


程序 编写 完成 ， 就 可 以 编译 、 运 行 这 个 项 目 了 。 首 先 确认 选中 了 当前 项 目 ， 或 者 选中 了 
当前 项 目 中 的 程序 文件 ， 单 击 工具 栏 中 的 运行 图 标 2-， 开 始 编译 。 状 态 栏 的 进度 条 提示 Flex 
Builder 正在 工作 ， 如 果 程 序 有 错误 ， 将 中 止 编译 动作 ， 并 在 Problems 窗 格 中 列 出 错误 信息 。 
如 果 没 有 问题 ， 编 译 结束 后 Flex Builder 自动 打开 一 个 新 的 浏览 器 窗口 ， 来 浏览 HTML 页 面 。 
这 个 HTML 页 面 中 嵌入 了 生成 的 SWF 文件 ， 如 图 2-18 所 示 。 


图 2-18 程序 执行 成 功 
在 页 面 中 单 击 【确定 】 按 钮 ,Label 组 件 显示 用 户 刚 刚 输入 的 字符 串 , 说 明 程 序 成 功 运行 。 


2.3 调试 Flex 3.0 程序 


并 不 是 所 有 的 程序 都 会 成 功 执行 ， 大 多 数 时 候 ， 在 程序 编译 的 时 候 会 出 现 这 样 那样 的 问 
题 ， 这 时 就 需要 对 程序 进行 调试 。Flex Builder 中 强大 的 调试 工具 可 以 帮助 用 户 隔 离 代 码 中 的 
错误 ， 建 立 最 佳 的 应 用 程序 。Flex Builder 的 ActionScript 调试 器 利用 与 Flex 环境 的 紧密 集成 ， 
可 以 更 快速 地 识别 ActionScript 错误 。 


2.3.1 添加 断 点 


断 点 是 一 个 信号 ， 它 通知 调试 器 ， 在 某 个 特定 点 上 和 暂时 将 程序 执行 挂 起 。 当 执行 在 某 个 
断 点 处 挂 起 时 ， 称 程序 处 于 中 断 模式 。 进 入 中 断 模式 并 不 会 终止 或 者 结束 程序 的 执行 。 执 行 


可 以 在 任何 时 候 继续 。 

断 点 模式 可 以 看 作 一 种 超时 状态 ， 在 该 状态 下 ， 所 有 元 素 〈 例 如 ， 函 数 、 变 量 和 对 象 ) 
都 保留 在 内 存 中 ， 但 它们 的 移动 和 活动 被 挂 起 。 开 发 者 可 以 检查 它们 的 位 置 和 状态 ， 以 查看 
是 否 存在 冲突 或 者 bug。 可 以 在 中 断 模式 下 对 程序 进行 调整 。 例 如 ， 可 以 更 改变 量 的 值 ， 可 以 
移动 执行 点 ， 这 会 改变 执行 恢复 后 将 要 执行 的 下 一 条 语句 。 

断 点 提供 了 一 种 强大 的 功能 ， 使 能 够 在 需要 的 时 间 和 位 置 挂 起 执行 。 与 逐 句 或 者 逐条 指 
令 地 检查 代码 不 同 ， 可 以 让 程序 一 直 执行 ， 直 到 遇 到 断 点 ， 然 后 开始 调试 。 这 大 大 地 加 快 了 
调试 过 程 。 没 有 这 个 功能 ， 调 试 大 的 程序 几乎 不 可 能 。 

许多 编程 语言 都 有 用 于 挂 起 执行 并 使 程序 进入 中 断 模式 的 语句 或 者 构造 。 断 点 不 同 于 这 
些 语句 ， 因 为 它 不 是 必须 添加 到 程序 中 的 实际 源 代码 。 不 必 在 源 代码 窗口 中 输入 断 点 语句 。 
只 需 通 过 调试 器 界面 请 求 断 点 ， 由 调试 器 加 入 断 点 。 相 对 于 调试 构造 ， 断 点 具有 很 多 优点 : 
不 必 改动 程序 源 代码 就 可 以 删除 或 者 更 改 断 点 。 由 于 断 点 不 是 语句 ， 当 生成 程序 的 发 行 版 时 ， 
不 会 产生 额外 的 代码 。 

在 Flex Builder 3 中 的 代码 视图 中 ， 在 需要 设置 断 点 的 行 号 前 双击 ， 就 可 以 设置 断 点 ， 如 
2-19 所 示 。 
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2-19 设置 断 点 


设置 过 断 点 后 ， 单 击 #- 命 令 ， 开 始 调试 程序 。 当 用 户 输入 信息 并 单 击 按钮 后 ， 执 行 具体 
的 功能 代码 。 当 执行 到 设置 断 点 的 位 置 时 ， 会 停止 执行 ， 在 Flex Builder 3 中 显示 已 经 生成 的 
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2-20 ”执行 断 点 


确认 断 点 前 面 的 程序 段 没有 错误 后 ， 单 击 【 逐 步 】 按 钮 三 执行 下 一 名 代码 ， 单 击 【 跨 步 】 
按钮 返回 执行 上 一 名 代码 ， 单 击 【 恢 复 】 按 钮 只 继续 执行 程序 ， 单 击 【 终 止 】 按 钮 虽 终 止 
执行 程序 。 


2.3.2 ”调试 程序 


在 调试 程序 的 过 程 中 ，trace0 语 句 非 常 重要 。 在 调试 文件 时 ， 使 用 此 语句 可 在 Console 窗 
格 中 记录 编程 注释 或 者 显示 消息 。 使 用 expression 参数 可 以 检查 是 否 存在 某 种 条 件 ， 或 者 在 
Console 窗 格 中 显示 值 。trace0 语 句 类 似 于 JavaScript 中 的 alert0 函 数 。 

Trace0 语 句 的 语法 如 下 : 


expression 参数 表示 输出 特定 的 变量 的 值 或 者 检查 是 否 存 在 某 种 条 件 。 

当 程 序 出 现 错误 的 时 候 ， 尽 管 会 有 错误 的 相应 提示 ， 但 是 有 些 错误 还 是 很 难 找到 。 这 时 
就 可 以 在 程序 中 使 用 trace0 语 句 进行 调试 ， 通过 Console 窗 格 中 的 内 容 ， 就 可 以 定位 出 现 错误 
的 大 概 位 置 ， 方 便 用 户 对 程序 进行 修改 。 

例如 在 代码 2.2 的 程序 中 加 入 trace0) 语 句 。 


代码 2.2 使 用 trace() 语 名 


在 代码 2.2 这 段 程序 中 ， 创 建 了 一 个 函数 ， 根 据 用 户 输入 的 值 求 出 阶乘 。 在 函数 中 ， 使 用 
了 3 个 trace 语句 ， 分 别 获 取 用 户 输入 的 值 、 转 换 类 型 后 的 变量 num 和 最 终 的 结果 res。 在 调 
试 应 用 程序 的 时 候 ， 就 可 以 根据 Console 窗 格 中 的 变量 输出 结果 ， 判 断 程序 是 否 正确 执行 。 如 
果 出 现 错误 ， 也 可 以 根据 输出 结果 ， 判 断 出 程序 执行 到 那里 ， 从 而 快速 地 定位 到 错误 的 位 置 。 

单 击 过 -命令 ， 开 始 调试 ， 在 文本 框 中 输入 一 个 值 ， 单 击 【 确 定 】 按 钮 。 该 程序 的 执行 结 
果 如 图 2-21 所 示 。 

返回 到 Flex Builder 3 中 的 Console 窗 格 ， 这 里 列 出 了 程序 中 定义 的 需要 查看 的 变量 值 。 
如 图 2-22 所 示 。 
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图 2-21 求 阶乘 图 2-22 Console 窗 格 


2.3.3 监视 变量 


在 2.3.2 节 中 介绍 了 如 何 使 用 traceO 语 句 来 调试 程序 ， 获 取 关键 变量 的 值 并 输出 。 那 么 除 
了 使 用 trace0 语 句 外 ， 在 Flex Builder 3 中 ， 在 程序 中 设置 断 点 ， 也 可 以 完成 监视 变量 的 功能 。 

下 面 使 用 一 个 简单 的 实例 ， 来 演示 如 何 使 用 断 点 在 调试 过 程 中 监视 变量 。 该 实例 的 代码 
如 代码 2.3 所 示 。 


代码 2.3 监视 变量 


在 函数 中 ， 设 置 了 一 个 断 点 ， 在 调试 的 时 候 ， 在 Variables 窗 格 中 就 会 监视 所 有 变量 ， 并 
且 显 示 所 有 变量 的 值 ， 如 图 2-23 所 示 。 
单 击 【 继 续 】 按 钮 继续 执行 程序 ， 该 程序 具体 的 执行 结果 如 图 2-24 所 示 。 


图 2-23 监视 变量 图 2-24 执行 结果 


2.4 Flex 3.0 项 目 概述 


同 Flash 相 比 ，Flex 加 强 了 文档 的 管理 功能 ， 使 开发 者 可 以 非常 轻松 地 管理 所 有 的 文件 。 
这 继承 了 Eclipse 的 优良 传统 。 一 个 程序 所 用 到 的 所 有 资源 都 包含 在 一 个 集合 中 ， 也 就 是 一 个 
项 目的 文件 夹 中 。 

在 Flex Builder 3 中 ,在 File 菜单 中 可 以 创建 3 种 项 目 ， 分 别 是 Flex Project、ActionScript 
Project 和 Flex Library Project。 在 本 节 中 将 分 别 介绍 这 3 种 项 目的 具体 作用 及 创建 方法 。 


2.4.1 Flex Project 


Flex Project， 基 于 Flex Framework， 是 本 书 的 主要 讲解 内 容 。 下 文中 所 涉及 到 的 实例 都 是 
使 用 这 种 形式 创建 的 程序 项 目 。 该 类 项 目 也 可 以 分 为 两 种 类 型 : Web application 和 Desktop 


application。 


Web application 类 型 的 Flex Project 项 目 编译 时 生成 HTML 文件 ， 在 浏览 器 中 执行 。 下 面 
演示 一 下 创建 Web application 类 型 的 Flex Project 的 具体 流程 。 
(1) 选择 File[New | Flex Project 命令 ， 如 图 2-25 所 示 。 


图 2-25 创建 Flex Project 


(2) 输入 项 目 名 称 New Web Application， 选 择 该 项 目的 存放 路 径 , 在 Appliction type 下 面 
选择 Web application 选项 ， 如 图 2-26 所 示 。 
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图 2-26 设置 项 目 文件 信息 


(3) 配 置 完成 后 单 击 Next 按钮 , 进入 Configure Output 窗口 , 在 该 页 面 选择 用 于 输出 SWF 
和 HTML 文件 的 文件 夹 ， 如 图 2-27 所 示 。 
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mdebug 


2-27 


设置 输出 文件 夹 
2-28 所 示 。 


(4) 设置 完成 后 ， 单 击 Next 按钮 ， 设 置 该 项 目 存 放 程序 文件 的 文件 夹 和 主 文件 名 称 ， 如 


(5) 选择 Library path 选项 ， 设 置 Flex 类 库 文件 的 存放 位 置 ， 如 图 2-29 所 示 。 
(6) 设置 完成 后 ， 单 击 Finish 按钮 ， 完 成 项 目的 创建 。 在 Flex Navigator 窗 格 中 ， 就 可 以 
看 到 该 项 目的 所 有 文件 夹 和 主 文件 ， 如 图 2-30 所 示 。 
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图 2-30 Flex Navigator 窗 格 


(7) 项 目 创建 完成 后 ， 打 开 主 文件 main mxml， 切 换 到 设计 视图 ， 在 Compotents 窗 格 中 
拖 电 进 来 一 个 Button 控件 和 一 个 Label 控件 ， 如 图 2-31 所 示 。 
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2-31 设置 页 面 


(8) 设置 Label 控件 的 属性 ， 设 置 该 Label 控件 默认 不 显示 。 具 体 代 码 如 下 所 示 : 


x:LaDbel 1/ 3 ol Cext 不 以 本 四 入 - = Se be 
(9) 设置 Button 按钮 的 click 事件 为 click="L1.visible='true"。 当 用 户 单 击 该 按钮 时 ， 显 示 
Label 控件 。 具 体 的 显示 效果 如 图 2-32 所 示 。 


图 2-32 ”显示 Label 控件 


Desktop application 项 目 是 桌面 应 用 程序 ， 其 创建 方式 和 开发 环境 与 Web application 项 目 
非常 相似 。 在 这 里 就 不 再 演示 创建 完整 的 Desktop application 项 目的 具体 流程 ， 只 展示 在 创建 
和 开发 过 程 中 与 Web application 项 目 不 同 的 地 方 。 

在 创建 Flex 项 目 时 ， 在 Application type 下 面 选 择 Desktop application， 如 图 2-33 所 示 。 
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图 2-33 ”创建 Desktop application 项 目 


再 配置 项 目的 主 程序 文件 夹 和 文件 页 面 ，Desktop application 项 目的 主 窗 体 还 有 一 个 
Application ID 选项 ， 如 图 2-34 所 示 。 
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图 2-34 配置 主 文件 的 ID 


创建 完成 后 ， 在 Flex Navigator 窗 格 中 ， 对 比 两 种 类 型 项 目的 内 容 ，Desktop application 
项 目 少 了 html-template 文件 夹 ， 多 了 一 个 main-app.xml 文件 ， 如 图 2-35 所 示 。 


Desktop application 项 目的 运行 效果 ， 如 图 2-36 所 示 。 
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图 2-35 Flex Navigator 窗 格 2-36 ”Desktop application 项 目的 运行 效果 


2.4.2 ActionScript Project 


ActionScript Project 项 目 与 Flex Project 项 目 不 同 ， 因 为 它 根本 不 包含 Flex 框架 。 
ActionScript 项 目 依赖 Flash 基础 代码 中 的 核心 ActionScript 类 ， 并 且 不 允许 访问 Flex 框架 中 
的 任何 组 件 。 下 面 创建 一 个 ActionScript Project 项 目 ， 具 体 过 程 如 下 所 示 。 

(1) 选择 File|New | ActionScript Project 命令 ， 如 图 2-37 所 示 。 
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图 2-37 创建 ActionScript Project 


(2) 输入 项 目 名 称 AS， 选 择 该 项 目的 存放 路 径 ， 如 图 2-38 所 示 。 


图 2-38 配置 ActionScript Project 选项 


(3) 单 击 Next 按钮 ， 设 置 存放 AS 文件 的 文件 夹 、 主 文件 的 文件 名 和 存放 输出 文件 的 文 
件 夹 ， 如 图 2-39 所 示 。 
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Set the bailt paths for the ner hetionSeript preject 


2-39 ”配置 主 文件 和 输出 文件 夹 


(4) 切换 到 Library path 选项 卡 。 配 置 ActionScript Project 项 目的 类 库 文件 存放 位 置 ， 如 
图 2-40 所 示 。 
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2-40 ”配置 类 库 


(5) 单 击 Finish 按钮 ， 完 成 项 目的 创建 。 在 Flex Navigator 窗 格 中 ， 显 示 了 ActionScript 
Project 项 目的 所 有 内 容 ， 如 图 2-41 所 示 。 

(6) ActionScript 项 目 创建 后 含有 一 个 主 文件 AS.as， 并 且 不 允许 访问 Flex 框架 中 的 任何 
组 件 。 该 文件 的 初始 代码 如 下 所 示 。 


图 2-41 项 目 内 容 


ActionScript 项 目 创建 完成 后 , 就 可 以 在 主 AS 文件 中 使 用 ActionScript 语言 进行 具体 的 功 
能 设计 。ActionScript 脚本 语言 的 具体 语法 基础 ， 将 在 后 面 的 章节 中 详细 介绍 ， 这 里 就 不 进行 
具体 的 设计 。 


2.4.3 Flex Library Project 


创建 一 个 Flex Library Project， 不 需要 主 MXML Application 文件 ， 它 不 编译 到 SWF 文件 
中 ， 而 是 改 为 编译 到 swe 文件 中 ， 并 且 可 以 被 用 作 其 他 的 应 用 或 者 是 作为 运行 时 共用 的 库 资 
源 。 创 建 Flex Library Project 可 以 将 自 定义 的 组 件 保存 到 一 个 项 目 中 ， 并 打包 成 swe 库 文件 供 
其 他 应 用 程序 调用 。 

下 面 创建 一 个 Flex Library Project， 具 体 步 又 如 下 所 示 。 

(1) 选择 File|New | Flex Library Project 命令 ， 如 图 2-42 所 示 。 
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图 2-42 创建 Flex Library 项 目 


(2) 输 入 项 目 名 称 NewLib, 选择 该 项 目的 存放 路 径 , 并 且 启 用 Include Adobe AIR Libraries 
选项 ， 该 选项 用 于 包含 原 有 的 库 文件 ， 如 图 2-43 所 示 。 


图 2-43 配置 Flex Library 项 目 选项 


(3) 单 击 Next 按钮 ， 配 置 剩 余 选 项 。 设 置 存放 文件 的 文件 夹 为 src， 存 放 输出 文件 的 文件 
夹 为 bin， 如 图 2-44 所 示 。 
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2-44 ”设置 主 文件 夹 和 输出 文件 夹 


(4) 单 击 Finish 按钮 ， 完 成 Flex 库 项 目的 创建 。 创 建 完成 后 ， 就 可 以 在 sre 文件 夹 下 创 
建 用 户 自 定义 的 组 件 。 


2.5 Flex Builder 3 中 的 常用 快捷 键 


前 面 介绍 了 Flex Builder 3 的 工作 环境 和 调试 、 运 行 Flex 3.0 程序 的 一 些 基 本 知识 。 本 节 
将 介绍 Flex Builder 3 中 常用 的 快捷 键 。 

一 般 来 说 , 使 用 快捷 键 比 使 用 鼠标 来 得 更 快 。 在 Flex Builder 3 中 , 选择 顶部 菜单 中 的 Help| 
Key Assist 命令 ， 就 可 以 看 到 所 有 的 快捷 键 列表 ， 如 图 2-45 所 示 。 
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图 2-45 查看 快捷 键 


下 面 列 出 了 一 些 常用 的 快捷 键 ， 如 表 2-1 所 示 。 


表 2-1 常用 快捷 键 


Ctrl+N 
Ctrl+S 
F12 

Fi 
Ctrlt+F11 
Ctrl+C 
Ctrl+D 
Ctrl+V 
Altt/ 
Alt+UP 


新 建 一 个 文档 

保存 正在 编辑 的 文档 

激活 编辑 区 

执行 程序 调试 动作 

编译 并 运行 程序 

将 选择 的 文本 或 者 文件 复制 到 剪贴 板 上 
删除 当前 所 在 行 

将 剪贴 板 中 的 文本 或 者 文件 复制 到 目标 处 
调 出 跟 进 的 代码 提示 

将 所 在 行 上 移 


2.6 ”使 用 Flex 帮助 文档 


在 Flex Builder 3 的 开发 环境 中 ，Help 菜单 除了 能 够 完成 前 面 介绍 过 的 查看 所 有 的 快捷 键 
信息 外 ， 还 有 其 他 重要 的 功能 。 例 如 ， 调 出 帮助 文档 、 查 找 特 定 内 容 、 更 新 软件 等 。 本 节 将 
介绍 如 何 使 用 Flex 帮助 文档 的 方法 。 

在 开发 过 程 中 ， 用 户 不 可 避免 会 遇 到 一 些 这 样 那样 的 语法 问题 或 者 错误 信息 。 作 为 一 个 
合格 的 开发 人 员 ， 学 会 使 用 Flex 帮助 文档 去 解决 问题 十 分 必要 。Flex 帮助 文档 提供 了 最 全 面 
的 Flex 内 容 ， 其 主页 面 如 图 2-46 所 示 。 

Flex 帮助 文档 在 安装 Flex Builder 3 时 默认 安装 ， 开 发 者 可 以 在 文本 框 中 输入 想 要 查询 的 
任何 内 容 ，Flex 将 返回 所 有 符合 查询 条 件 的 内 容 。 在 文档 的 左边 列表 中 ， 列 出 了 这 些 符合 查 


询 条 件 的 内 容 ， 右 边框 架 内 用 于 显示 每 一 条 内 容 的 详细 信息 ， 如 图 2-47 所 示 。 
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图 2-47 使 用 Flex 帮助 文档 查询 


ActionSeript3.0 语 法 ActionSeript3.0 语 法 
第 < 人 章 


过 内 容 摘要 | 

ActionScript 3.0 代码 比 旧 版 本 的 运行 速度 要 快 上 10 倍 ， 并 且 好 学 、 容 易 调试 ， 因 为 这 种 
语言 依附 于 标准 的 编程 语言 (基于 JavaScript) ECMAScript， 使 用 新 的 、 轻 量 的 、 可 轻松 设置 
外 观 的 界面 组 件 ， 为 ActionScript 3.0 创建 应 用 程序 。 使 用 绘图 工具 ， 便 可 以 修改 组 件 的 外 观 ， 
而 不 需要 进行 编码 。 本 章 将 对 ActionScript 3.0 的 基础 语法 进行 介绍 ， 包 括 ActionScript 3.0 中 
的 常量 、 变 量 、 数 据 类 型 、 运 算 符 以 及 控制 语句 的 使 用 等 。 


六 学 习 目 标 1oujecave 


掌握 ActionScript 3.0 中 的 常量 和 变量 
掌握 ActionScript 3.0 中 的 数据 类 型 

熟悉 ActionScript 3.0 中 对 数据 类 型 的 检查 
掌握 数据 类 型 的 转换 方法 

掌握 ActionScript 3.0 中 运算 符 的 使 用 方法 
掌握 各 种 流程 控制 语句 


3.1 常量 和 变量 


> 
> 
> 
> 
> 


v 


所 有 的 程序 都 要 对 数据 进行 处 理 。 在 对 数据 进行 处 理 的 过 程 中 ， 需 要 使 用 一 个 容器 将 其 
中 的 数据 保存 起 来 ， 这 样 就 可 实现 对 容器 中 的 数据 进行 再 处 理 。 根 据 容器 中 保存 的 数据 ， 在 
程序 运行 的 过 程 中 是 否 可 以 修改 ， 容 器 可 分 为 两 种 : 常量 和 变量 。 


3.1.1 常量 


常量 〈Constant)， 是 一 种 恒定 的 或 者 不 可 变 的 数值 或 者 数据 项 。 某 些 时 候 ， 虽 然 声 明了 
一 个 变量 ,但 却 不 希望 这 个 数值 被 修改 ,这 种 永 不 会 被 修改 的 变量 ,统称 为 常量 ,在 ActionScript 
3.0 中 常量 可 以 分 为 系统 自 带 常量 和 用 户 自 定义 常量 两 种 。 


[本 系统 自 带 常量 | 
系统 自 带 常量 又 包括 项 页 级 常数 或 全 局 常数 及 类 中 的 公共 常量 ， 其 中 全 局 常数 在 每 个 脚本 


第 人 了 


ActionScript 3.0 语法 


中 都 可 用 ， 并 且 对 文档 中 的 所 有 时 间 轴 和 作用 域 都 可 见 ， 包 括 以 下 4 个 常量 。 
Infinity 该 常量 是 一 个 Number 数据 类 型 的 数据 ， 表 示 正 Infinity 的 特殊 值 。 此 常数 的 值 
与 NumberPOSITIVE INFINITY 相同 。 例 如 正 数 除 以 0 的 结果 为 Infinity。 
-Infinity 该 常量 是 一 个 Number 数据 类 型 的 数据 , 表示 负 Infinity 的 特殊 值 . 此 常数 的 值 
与 NumberNEGATIVE_INFINITY 相同 。 例 如 负数 除 以 0 的 结果 为 -Infinity。 
NaN Number 数据 类 型 的 一 个 特殊 成 员 ， 用 来 表示 “ 非 数 字 ”( NaN ) 值 。 当 数学 表达 式 49) 
生成 的 值 无 法 表示 为 数字 时 ， 结 果 为 NaN。 下 表 描 述 了 生成 NaN 的 常用 表达 式 。 


表 3-1 生成 NaN 的 常用 表达 式 
0 除 以 0 
负数 的 平方 根 
在 有 效 范围 0 到 1 之 外 的 数字 的 反正 弦 值 
Infinity 减 去 Infinity 
Infinity 或 -Infinity 除 以 Infinity 或 -Infinity 
Infinity 或 -Infinity 乘 以 0 


/ NaN 值 不 是 int 或 uint 数据 类 型 的 成 员 。NaN 值 不 被 视 为 等 于 任何 其 他 值 ( 包 \ 
[% 括 NaN ),， 因 而 无 法 使 用 等 于 运算 符 测试 一 个 表达 式 是 否 为 NaN。 若 要 确定 一 
个 数字 是 否 为 NaN， 使 用 isNaNO 函 数 。 / 


undefined 一 个 适用 于 尚未 初始 化 的 无 类 型 变量 或 未 初始 化 的 动态 对 象 属性 的 特殊 值 。 
在 ActionScript 3.0 中 ， 只 有 无 类 型 变量 才能 采用 undefined， 这 在 ActionScript 1.0 和 
ActionScript 2.0 中 并 非 如 此 。 例 如 ， 以 下 两 个 变量 都 是 undefined， 因 为 它们 都 未 类 型 
化 或 初始 化 : 


Var foo; 
Var bar:*;? 


undefined 值 还 适用 于 动态 对 象 的 未 初始 化 或 未 定义 的 属性 。 例 如 ， 如 果 某 对 象 是 Object 
类 的 一 个 实例 ， 则 除非 向 该 属性 赋予 值 ， 否 则 动态 添加 的 任何 属性 的 值 将 为 undefined。 

将 undefined 用 于 不 同 的 函数 时 ， 结 果 也 不 相同 ， 表 3-2 显示 了 不 同类 型 的 函数 返回 的 
undefined 值 。 


表 3-2 不 同类 型 的 函数 返回 的 undefined 值 


函数 类 型 undefined 值 

String (undefined) "undefined”" (undefined 转换 为 字符 串 ) 
Number (undefined) NaN 

Int (undefined) 和 uint (undefined) 0 

Object (undefined) 新 的 Object 实例 


向 类 型 变量 赋予 值 undefined 时 ， 该 值 将 转换 为 该 数据 类 型 的 默认 值 。 


比较 时 ， 它 们 的 比较 结果 为 相等 。 但 是 ， 使 用 全 等 运算 符 (一 =) 对 null 和 
undefined 进行 比较 时 ， 它 们 的 比较 结果 为 不 相等 。 


不 要 混淆 undefined 和 null。 使 用 等 于 运算 符 (一 ) 对 null 和 undefined 人 


类 中 的 公共 常量 在 使 用 时 , 需要 指定 所 在 的 类 , 例如 Math.PI 就 是 Math 类 中 的 一 个 常量 ， 
不 能 直接 使 用 PI。 


用 户 自 定义 常量 ， 是 在 程序 开发 时 ， 用 户 通 过 const 关键 字 定义 的 变量 ， 该 变量 只 能 赋 一 
次 值 。 语 法 格式 如 下 所 示 : 


可 以 通过 在 数据 类 型 前 追加 一 个 冒号 〈:) 字符 来 严格 限定 用 户 自 定义 常量 的 类 型 。 
以 下 示例 显示 ， 如 果 尝 试 多 次 对 一 个 用 户 自 定义 常量 赋值 ， 就 会 发 生 错误 。 


3.1.2 变量 


变量 是 在 代码 中 描述 或 容纳 动态 改变 的 值 或 数据 的 名 称 。 当 在 ActionScript 3.0 中 声明 变 
量 时 ， 需 要 使 用 var 关键 词 ， 如 下 所 示 。 


从 Flash 5 版 本 开始 ，var 关键 词 就 已 经 可 用 了 ， 但 是 在 现在 的 ActionScript 3.0 中 它 是 必 
须 的 。 例 外 的 情况 是 在 定义 动态 对 象 实例 的 变量 时 ， 如 下 所 示 。 


在 上 面 的 例子 中 ，newVar 是 在 myDynamicObject 对 象 中 定义 的 一 个 变量 ， 没 有 使 用 var 
关键 词 。 实 际 上 ，var 关键 词 不 在 复杂 引用 中 应 用 ， 或 是 任意 需要 点 语法 的 引用 中 ， 或 是 使 用 
引用 的 变量 中 。 例 如 函数 的 参数 等 。 

当 定 义 一 个 变量 时 必须 使 用 数字 、 字 符 、$ 符 号 或 下 划 线 来 命名 变量 ， 不 能 使 用 数字 开 
头 的 名 字 作为 变量 名 称 。 如 “bits32”、“_bits32” 和 “$bits32” 都 是 合法 的 ,，“32bits” 是 不 合 
法 的 ， 因 为 名 称 的 第 一 个 字符 使 用 了 数字 。 

需要 确认 所 创建 的 变量 名 ， 和 现 有 的 代码 中 的 变量 和 代码 内 置 的 变量 没有 冲突 。 例 如 ， 
当 在 时 间 轴 上 书写 代码 时 ， 正 在 定义 一 个 影片 剪辑 的 实例 名 称 ， 如 果 试 图 将 其 定义 成 与 Flash 
内 置 的 变量 MovieClip 名 称 相同 ， 将 会 得 到 一 个 错误 。 同 样 ， 不 能 使 用 全 局 对 象 和 函数 名 称 ， 
如 Array、XML 或 是 trace 等 。 


第 人 了 


ActionScript 3.0 语法 


从 Flash Player7 之 后 ,ActionScript 开始 区 分 大 小 写 , 因此 变量 Name 和 name ] 
是 不 同 的 。 _/ 


ActionScript 3.0 和 早期 版 本 比较 起 来 , 还 有 一 个 新 的 地 方 ， 就 是 某 一 个 变量 的 定义 ， 只 能 
在 代码 范围 内 或 是 时 间 轴 代码 上 使 用 一 次 var， 从 另 一 个 角度 说 ， 如 在 一 段 代 码 的 顶端 声明 了 
变量 x， 那 么 不 能 在 下 面 代码 中 的 x 变量 前 使 用 var 关键 词 。 如 下 所 示 的 代码 就 会 产生 错误 。 


var x = value; // 正 确 


var x = differentValue; // 错 误 : 只 能 使 用 一 次 var 关键 词 


当 在 Flash 的 时 间 轴 上 定义 变量 时 ， 它 会 应 用 在 整个 时 间 轴 上 ， 而 不 只 是 当前 的 帧 。 

当 使 用 var 关键 词 定义 变量 时 ， 可 以 为 其 指定 数据 类 型 。 一 个 变量 的 数据 类 型 ， 描 述 该 变 
量 存放 的 是 哪 种 类 型 的 数据 。 这 个 特性 是 从 ActionScript 2.0 开始 的 ， 一 直 延 续 到 现在 的 
ActionScript 3.0。 例 如 ， 如 果 定 义 变量 x 是 一 个 数值 ， 那么 可 以 为 它 指定 为 数值 型 ,如 下 所 示 : 


var x:Number; // 变 量 x 将 用 于 承载 数值 型 数据 


[ 芭 为 变量 指定 类 型 是 个 好 的 习惯 ， 因 为 它 可 以 引导 更 好 、 更 快 地 进行 错误 检查 。 | 


3.2 ”数据 类 型 


“数据 类 型 ”用 来 定义 一 组 相似 的 值 。 在 ActionScript 3.0 中 ， 类 型 信息 在 运行 时 保留 ， 并 
可 用 于 多 种 目的 。 例 如 ，Flash Player 9 在 运行 时 要 执行 类 型 检查 ， 增 强 了 系统 的 类 型 安全 性 。 
类 型 信息 还 用 于 指定 变量 的 储存 、 检 索 等 形式 ， 从 而 提高 了 系统 的 性 能 并 减少 了 内 存 使 用 量 。 

ActionScript 3.0 的 数据 类 型 分 为 基本 数据 类 型 和 复合 数据 类 型 。 例 如 ，Boolean 数据 类 型 
所 定义 的 值 仅 包含 两 个 可 能 的 值 : tue 和 false。 除 了 Boolean 数据 类 型 外 ，ActionScript 3.0 还 
定义 了 其 他 几 个 基本 数据 类 型 ， 如 String、Number 和 Null 等 。 也 可 以 使 用 类 或 接口 来 自 定义 
一 组 值 ， 从 而 定义 自己 的 数据 类 型 。 本 章节 将 详细 讲述 数据 类 型 的 相关 知识 。 


3.2.1 基本 数据 类 型 


基本 数据 类 型 包括 Boolean、int、uint、Number、String、Null 和 void。 这 些 类 型 都 属于 
值 类 型 ， 不 需要 使 用 new 关键 字 声 明 的 变量 ， 其 中 int 和 uint 是 ActionScript 3.0 中 新 增 的 数 
据 类 型 ， 下 面 分 别 介绍 这 7 种 数据 类 型 。 


和 1. Boolean ~ 


Boolean 数据 类 型 , 实际 上 就 是 Boolean 对 象 , 可 以 使 用 true 或 false (用 于 进行 逻辑 运算 ) 
两 个 值 中 一 个 值 , 其 他 任何 值 都 是 无 效 的 。 已 经 声明 但 尚未 初始 化 的 Boolean 型 变量 的 默认 值 


是 false。 

若 要 创建 Boolean 对 象 ， 可 以 使 用 构造 函数 、 全 局 函数 ， 或 赋予 值 。 在 ActionScript 3.0 
中 ， 上 述 3 种 技术 功效 相同 。( 这 与 JavaScript 不 同 ，JavaScript 中 的 Boolean 对 象 与 Boolean 
原始 类 型 不 同 。) 如 下 代码 中 所 示 ，3 种 定义 变量 的 方法 效果 是 相同 的 。 


int 数据 类 型 在 内 部 存储 为 32 位 整数 ， 它 包含 一 组 介 于 -2 147 483 648 和 2 147 483 647 之 
间 的 整数 〈 包 括 -2 147 483 648 和 2 147 483 647)，int 数据 类 型 的 变量 ， 默 认 值 是 0。int 数据 
类 型 变量 的 定义 语法 如 下 所 示 。 


早期 的 ActionScript 版 本 仅 提供 Number 数据 类 型 ， 该 数据 类 型 既 可 用 于 整数 又 可 用 于 浮 
点 数 。 在 ActionScript 3.0 中 ， 现 在 可 以 使 用 32 位 带 符号 整数 和 无 符号 整数 。 

如 果 要 定义 的 变量 不 会 出 现 浮 点 数 ， 那 么 ， 使 用 int 数据 类 型 来 代替 Number 数据 类 型 会 
更 快 、 更 高 效 。 反 之 ， 应 使 用 Number 数据 类 型 。 


uint 数据 类 型 在 内 部 存储 为 32 位 无 符号 整数 , 它 包含 一 组 介 于 0 和 4 294 967 295 之 间 的 
整数 (包括 0 和 4294967 295)。 对 于 大 于 uint 的 最 大 值 的 整数 值 ， 应 使 用 Number 数据 类 型 。 
uint 数据 类 型 的 变量 的 默认 值 是 0。uint 数据 类 型 变量 的 定义 语法 如 下 所 示 。 


uint 数据 类 型 可 用 于 要 求 非 负 整数 的 特殊 情形 , 例如 , 必须 使 用 uint 数据 类 型 来 表示 像素 
颜色 值 ， 因 为 int 数据 类 型 有 一 个 内 部 符号 位 ， 该 符号 位 并 不 适合 于 处 理 颜 色 值 。 


在 ActionScript 3.0 中 ，Number 数据 类 型 可 以 表示 整数 、 无 符号 整数 和 浮 点 数 。 但 是 ,为 
了 尽 可 能 提高 性 能 ， 应 将 Number 数据 类 型 仅 用 于 表示 浮 点 数 ， 或 者 用 于 表示 int 和 uint 类 型 
可 以 存储 的 、 大 于 32 位 的 整数 值 。Number 数据 类 型 变量 的 定义 语法 如 下 所 示 。 


和 要 存储 溯 点 数 ， 数 字 中 应 包括 一 个 小 数 点 。 如 果 省 咯 了 小 数 点 ， di 
9 为 整数 . 


Number 数据 类 型 使 用 由 IEEE 二 进 制 浮 点 算术 标准 (IEEE-754) 指 定 的 64 位 双 精 度 格式 。 
此 标准 规定 如 何 使 用 64 个 可 用 位 来 存储 浮 点 数 。 其 中 的 1 位 用 来 指定 数字 是 正 数 还 是 负数 ， 


11 位 用 于 存储 指数 , 它 以 二 进 制 的 形式 存储 , 其余 的 52 位 用 于 存储 “有 效 位 数 ”( 又 称 为 “ 尾 
数 ”)， 有 效 位 数 是 2 的 N 次 寡 ，N 即 前 面 所 提 到 的 指数 。 

可 以 将 Number 数据 类 型 的 所 有 位 都 用 于 存储 有 效 位 数 ， 也 可 以 将 Number 数据 类 型 的 某 
些 位 用 于 存储 指数 ， 则 后 者 可 存储 的 浮 点 数 比 前 者 大 得 多 。 

Number 类 型 可 以 表示 的 最 大 值 和 最 小 值 ， 分 别 存 储 在 Number 类 的 名 为 MAX VALUE 
和 MIN_VALUE 的 静态 属性 中 。 


尽管 这 种 数据 类 型 范围 很 大 , 但 代价 是 此 范围 的 精度 有 所 降低 。Number 数据 类 型 使 用 52 
位 来 存储 有 效 位 数 ， 因 此 ， 那 些 要 求 用 52 位 以 上 的 位 数 才能 精确 表示 的 数字 〈 如 分 数 1/3) 
将 只 是 近似 值 。 如 果 应 用 程序 要 求 小 数 达到 绝对 精度 ， 则 需要 使 用 实现 小 数 浮 点 算术 (而 非 
二 进 制 浮 点 算术 ) 的 软件 。 

如 果 用 Number 数据 类 型 来 存储 整数 值 ， 则 仅 使 用 52 位 有 效 位 数 。Number 数据 类 型 使 用 
52 位 和 一 个 特殊 的 隐藏 位 ， 来 表示 介 于 -9 007 199 254 740 992 和 9 007 199 254 740 992 之 间 
的 整数 。 

Flash Player 不 但 将 NaN 值 用 作 Number 类 型 的 变量 的 默认 值 ， 而 且 还 将 其 用 作 应 返回 数 
字 、 却 没有 返回 数字 的 任何 运算 的 结果 。 例 如 ， 如 果 尝 试 计算 负数 的 平方 根 ， 结 果 将 是 NaN。 
其 他 特殊 的 Number 值 包 括 Infinity 和 -Infinity。 


[| sg ， 


String 数据 类 型 表示 一 个 16 位 字符 的 序列 。 字 符 串 在 内 部 存储 为 Unicode 字符 ， 并 使 用 
utf-16 格式 。String 数据 类 型 变量 的 定义 语法 如 下 所 示 。 


var st:i tring 


在 ActionScript 3.0 中 ， 字 符 串 是 不 可 改变 的 值 ， 就 像 在 Java 编程 语言 中 一 样 。 对 字符 串 
值 执行 运算 会 返回 字符 串 的 一 个 新 实例 。 用 String 数据 类 型 声明 的 变量 的 默认 值 是 null。 虽然 
null 值 与 空 字符 串 〈"") 均 表 示 没 有 任何 字符 ， 但 二 者 并 不 相同 。 


Null 数据 类 型 仅 包含 一 个 值 null。 这 是 String 数据 类 型 和 用 来 定义 复合 数据 类 型 的 所 有 类 
(包括 Object 类 ) 的 默认 值 。 其 他 基本 数据 类 型 (如 Boolean、Number、int 和 uint) 均 不 包含 
null 值 。 如 果 尝 试 向 Boolean、Number、int 或 uint 类 型 的 变量 赋予 null， 则 Flash Player 会 将 
null 值 转换 为 相应 的 默认 值 。 


© 不 能 将 Null 用 作 定 义 变量 的 数据 类 型 ,只 能 将 此 类 型 的 null 信条 到 量 | 


void 数据 类 型 仅 包含 一 个 值 undefined。 在 早期 的 ActionScript 版 本 中 ,undefined 是 Object 
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类 实例 的 默认 值 。 在 ActionScript 3.0 中 ,Object 实例 的 默认 值 是 null。 如 果 尝 试 将 值 undefined 
赋予 Object 类 的 实例 ，Flash Player 会 将 该 值 转换 为 null。 只 能 为 无 类 型 变量 赋予 undefined 这 
一 值 。 无 类 型 变量 是 指 缺 乏 类 型 注释 或 者 使 用 星 号 〈* ) 作为 类 型 注释 的 变量 。 只 能 将 void 
用 作 返 回 类 型 注释 。 


3.2.2 ”复合 数据 类 型 


ActionScript 核心 类 还 定义 下 列 复合 数据 类 型 : Object、Array、Date、Eror、Function、 
RegExp、XML 和 XMLList。 这 些 数据 类 型 定义 的 变量 ， 有 一 个 可 变 的 值 ， 包 含 了 对 变量 实际 
值 的 引用 ， 也 就 是 该 变量 的 值 所 对 应 的 内 存 地 址 ， 即 储存 的 不 是 值 本 身 ， 而 是 值 的 引用 地 址 。 


-Ws 


Object 数据 类 型 是 由 Object 类 定义 的 .Object 类 用 作 ActionScript 中 的 所 有 类 定义 的 父 类 。 
Object 数据 类 型 的 定义 语法 如 下 所 示 。 


Var myobject:Object=new Object(); 


ActionScript 3.0 中 的 Object 数据 类 型 ， 与 早期 版 本 中 的 Object 数据 类 型 存在 以 下 3 方面 
的 区 别 。 

Object 数据 类 型 不 再 是 指定 给 没有 类 型 注释 的 变量 的 默认 数据 类 型 。 

Object 数据 类 型 不 再 包括 undefined 这 一 值 ， 该 值 之 前 是 Object 实例 的 默认 值 。 

在 ActionScript3.0 中 ，Object 类 实例 的 默认 值 是 null。 

在 早期 的 ActionScript 版 本 中 ， 会 自动 为 没有 类 型 注释 的 变量 赋予 Object 数据 类 型 。 
ActionScript 3.0 现在 包括 真正 无 类 型 变量 这 一 概念 ， 因 此 不 再 为 没有 类 型 注释 的 变量 赋予 
Object 数据 类 型 。 没 有 类 型 注释 的 变量 现在 被 视 为 无 类 型 变量 。 如 果 希 望 在 代码 中 明确 指定 
变量 为 无 类 型 ， 可 以 使 用 星 号 〈*) 表示 类 型 ， 这 与 省 略 类 型 是 等 效 的 。 下 面 的 代码 显示 两 条 
等 效 的 语句 ， 两 者 都 声明 一 个 无 类 型 变量 x。 


Var x 


AT 和 2 


只 有 无 类 型 变量 才能 保存 值 undefined。 如 果 尝 试 将 值 undefined 赋 给 具有 数据 类 型 的 变 
量 ，Flash Player 会 将 值 ndefined 转换 为 该 数据 类 型 的 默认 值 。 对 于 Object 数据 类 型 的 实例 ， 
默认 值 是 null, 这 意味 着 , 如 果 尝 试 将 undefined 赋 给 Object 实例 ,Flash Player 会 将 值 undefined 
转换 为 null。 


a 2. Array nN 
Array 数据 类 型 是 由 Array 类 定义 的 , Array 类 可 以 访问 和 操作 数组 , Array 索引 从 零 开始 ， 
这 意味 着 数组 中 的 第 一 个 元 素 为 [0]， 第 二 个 元 素 为 [1]， 依 次 类 推 。 要 创建 Array 对 象 ， 可 以 


使 用 new Array0 构 造 函 数 。Array0 还 可 以 作为 函数 被 调用 。 此 外 ， 还 可 以 使 用 数组 访问 〈[]) 
运算 符 初始 化 数组 或 访问 数组 元 素 。 


可 以 在 数组 元 素 中 存储 各 种 各 样 的 数据 类 型 ， 包 括 数字 、 字 符 串 、 对 象 ， 甚 至 是 其 他 数 
组 。 可 以 创建 一 个 多 维 数组 ， 方 法 是 创建 一 个 索引 数组 ， 然 后 给 它 的 每 个 元 素 分 配 不 同 的 索 
引 数组 。 

数组 是 稀疏 结构 ， 这 意味 着 可 能 存在 这 样 的 情况 : 在 索引 0 处 有 一 个 元 素 ， 在 索引 5 处 
有 另 一 个 元 素 ， 而 这 两 个 元 素 之 间 的 索引 位 置 却 是 空 的 。 在 这 种 情况 下 ， 位 置 1 至 位 置 4 的 
元 素 是 未 定义 的 ， 表 示 这 些 位 置 不 存在 元 素 。 

数组 赋值 是 通过 引用 而 不 是 通过 值 进 行 的 。 如果 将 一 个 数组 变量 赋值 给 另 一 个 数组 变量 ， 
则 这 两 个 变量 引用 同一 个 数组 ， 如 下 所 示 的 代码 演示 了 该 效果 。 


不 要 使 用 Array 类 创建 关联 数组 (也 称 为 哈 希 )， 关 联 数 组 是 包含 命名 元 素 而 不 包含 编号 
元 素 的 数据 结构 。 要 创建 关联 数组 可 使 用 Object 类 。 虽 然 ActionScript 允许 使 用 Array 类 创建 
关联 数组 ， 但 不 能 对 关联 数组 使 用 Array 类 的 任何 方法 或 属性 。 


CH 


Date 数据 类 型 由 Date 类 定义 ， 该 类 表示 日 期 和 时 间 信 息 。 若 要 使 用 Date 类 ， 需 要 使 用 
new 运算 符 构 造 一 个 Date 实例 。Date 数据 类 型 变量 的 定义 语法 如 下 所 示 。 


Date 类 的 实例 表示 一 个 特定 时 间 , 可 以 查询 或 修改 该 时 间 的 属性 (如 月 、 日 、 小 时 和 秒 )。 
Date 类 用 于 检索 相对 于 通用 时 间 《〈 格 林 尼 治 时 间 ， 现 称 为 通用 时 间或 UTC) 或 相对 于 本 地 时 
间 《〈 由 运行 Flash Player 的 操作 系统 上 的 本 地 时 区 设置 决定 ) 的 日 期 和 时 间 值 。 


Error 数据 类 型 是 由 Error 类 定义 的 ， 该 类 包含 有 关 脚 本 中 出 现 的 错误 的 信息 。 开 发 


ActionScript 3.0 应 用 程序 过 程 中 ， 如 果 在 Flash Player 的 调试 版 中 运行 已 编译 的 代码 ， 将 弹出 
对 话 框 显示 Error 类 型 的 异常 或 子 类 异常 ， 以 帮助 开发 者 排除 代码 中 的 故障 。 可 以 使 用 Error 
构造 函数 来 创建 Error 对 象 ,通常 ,将 新 的 Error 对 象 从 try 代码 块 中 引发 ,然后 由 catch 或 finally 
代码 块 捕获 。 


函数 是 可 在 ActionScript 中 调用 的 基本 代码 单位 。ActionScript 中 用 户 定义 的 函数 和 内 置 
函数 都 由 Function 对 象 来 表示 ， 该 对 象 是 Function 类 的 实例 。 

类 的 方法 与 Function 对 象 略 有 不 同 。 与 普通 函数 对 象 不 同 ， 类 的 方法 和 与 其 关联 的 类 对 
象 紧密 联系 。 因 此 ， 方 法 或 属性 具有 在 同一 类 的 所 有 实例 中 共同 的 定义 。 可 以 从 实例 中 提取 
方法 并 将 其 处 理 为 “ 绑 定 ” 方 法 〈 保 留 与 原始 实例 的 链接 )。 对 于 绑 定 方法 ，this 关键 字 指向 
实现 该 方法 的 原始 对 象 。 对 于 函数 ，this 在 调用 函数 时 指向 关联 对 象 。 


RegExp 数据 类 型 是 由 RegExp 类 定义 的 ， 该 类 允许 使 用 正则 表达 式 〈 即 可 用 于 在 字符 串 
中 执行 搜索 和 替换 文本 的 模式 )。 

可 以 使 用 new RegExpO 构 造 函 数 或 将 RegExp 文本 分 配给 一 个 变量 , 从 而 创建 新 的 RegExp 
对 象 ， 如 下 所 示 。 


XML 数据 类 型 是 由 XML 类 定义 的 ， 该 类 包含 用 于 处 理 XML 对 象 的 方法 和 属性 。XML 
类 (以 及 XMLList、Namespace 和 QName 类 ) 可 实现 ECMAScript for XML (E4X) 规范 
(ECMA 一 357 第 2 版 ) 中 定义 的 强大 的 XML 处 理 标 准 。 

使 用 toXMLString() 方 法 可 返回 XML 对 象 的 字符 串 表 示 形 式 , 不 管 该 XML 对 象 具 有 简单 
内 容 还 是 复杂 内 容 。 


ActionScript 2.0 中 的 XML 类 以 及 相关 类 已 重 命名 为 XMLDocument 并 移 到 
5 罗 。 flash xml 包 中 ， 包 含 在 ActionScript 3.0 中 ， 以 实现 向 后 兼容 。 


XMLList 数据 类 型 是 由 XMLList 类 定义 的 ， 该 类 中 包含 用 于 处 理 一 个 或 多 个 XML 元 素 
的 方法 。XMLList 对 象 可 以 表示 一 个 或 多 个 XML 对 象 或 元 素 (包括 多 个 节点 或 属性 )， 因 此 ， 
可 以 对 作为 一 个 组 的 多 个 元 素 调用 方法 ， 也 可 以 对 集合 中 的 各 个 元 素 分 别 调用 方法 。 

如 果 XMLList 对 象 只 包含 一 个 XML 元 素 ， 那 么 可 以 直接 对 XMLList 对 象 使 用 XML 
类 方法 。 在 下 面 的 实例 中 ，example 为 长 度 1 的 XMLList 对 象 ， 因 此 可 以 对 它 调 用 任意 XML 
方法 。 


var exanple=<example><two>2</two></examplez 

如 果 试图 对 包含 多 个 XML 元 素 的 XMLList 对 象 使 用 XML 类 方法 , 则 会 引发 异常 。 此 时 ， 
应 遍历 XMLList 集合 例如 ， 使 用 for each…in 语句 )， 并 对 集合 中 的 每 个 XML 对 象 应 用 
方法 。 


3.2.3 ”数据 类 型 检查 


类 型 检查 可 以 在 编译 时 或 运行 时 执行 。 静 态 类 型 语言 (如 C++ 和 Java)， 在 编译 时 执行 类 
型 检查 。 动 态 类 型 语言 (如 Smalltalk 和 Python)， 在 运行 时 执行 类 型 检查 。ActionScript 3.0 
是 动态 类 型 语言 ， 它 在 运行 时 执行 类 型 检查 ， 同 时 也 支持 在 名 为 “严格 模式 ”的 特殊 编译 器 
模式 下 ， 编 译 时 执行 类 型 检查 。 在 严格 模式 下 ， 类 型 检查 既 发 生 在 编译 时 ， 也 发 生 在 运行 时 ， 
但 是 在 标准 模式 下 ， 类 型 检查 仅 发 生 在 运行 时 。 

在 构造 代码 时 ， 动 态 类 型 语言 带 来 了 极 大 的 灵活 性 ， 但 代价 是 在 运行 时 可 能 出 现 类 型 错 
误 。 静态 类 型 语言 在 编译 时 报告 类 型 错误 ， 但 代价 是 要 求 类 型 信息 在 编译 时 是 已 知 的 。 


在 较 大 的 项 目 中 通常 建议 使 用 编译 时 类 型 检查 ， 因 为 随 着 项 目 变 大 ， 能 够 尽早 捕获 类 型 
错误 ,对 于 程序 的 稳定 性 相当 重要 。 这 也 是 为 什么 将 Adobe Flash CS3 Professional 和 Adobe Flex 
Builder 3 中 的 ActionScript 编译 器 默认 设置 为 在 严格 模式 下 运行 。 

为 了 提供 编译 时 类 型 检查 ， 编 译 器 需要 知道 代码 中 的 变量 或 表达 式 的 数据 类 型 信息 。 为 
了 显 式 声明 变量 的 数据 类 型 ， 在 变量 名 后 面 添加 冒号 运算 符 〈:) 作为 其 后 级 。 要 将 数据 类 型 
与 参数 相关 联 , 也 应 使 用 冒号 运算 符 。 例 如 ,下 面 的 代码 向 xParam 参数 中 添加 数据 类 型 信息 ， 
并 用 显 式 数 据 类 型 声明 变量 myParam。 


在 严格 模式 下 ，ActionScript 编译 器 将 类 型 不 匹配 报告 为 编译 器 错误 。 例 如 ， 下 面 的 代码 
声明 一 个 Object 类 型 的 函数 参数 xParam, 但 是 之 后 又 尝试 向 该 参数 赋予 String 类 型 和 Number 
类 型 的 值 。 这 在 严格 模式 下 会 产生 编译 器 错误 。 


但 是 ， 即 使 在 严格 模式 下 ， 也 可 以 选择 不 在 赋值 语句 右 侧 指定 类 型 ， 从 而 避 开 编译 时 类 
型 检查 。 可 以 通过 省 略 类 型 注释 或 使 用 特殊 的 符号 〈* ) 类 型 注释 ， 来 将 变量 或 表达 式 标记 为 
无 类 型 。 例 如 修改 上 面 的 代码 后 的 代码 如 下 所 示 。 


在 ActionScript 3.0 中 ， 无 论 是 在 严格 模式 下 还 是 在 标准 模式 下 编译 ， 在 运行 时 都 将 执行 
类 型 检查 。 考 虑 以 下 情形 : 将 值 3 作为 一 个 参数 传递 给 需要 数组 的 函数 。 在 严格 模式 下 ， 编 
译 器 将 生成 一 个 错误 , 因为 值 3 与 Array 数据 类 型 不 兼容 。 如 果 禁 用 了 严格 模式 而 在 标准 模式 
下 运行 ， 则 编译 器 将 不 会 指出 类 型 不 匹配 ， 但 是 当 Flash Player 在 运行 时 执行 类 型 检查 时 则 会 
产生 运行 时 错误 。 

下 面 的 示例 说 明 一 个 名 为 typeTest0 的 函数 ， 该 函数 需要 一 个 Array 参数 ， 但 是 接收 到 的 
是 值 3。 在 标准 模式 下 这 会 产生 运行 时 错误 ， 因 为 值 3 不 是 参数 声明 的 数据 类 型 (Array) 的 
变量 。 


在 严格 模式 下 ， 使 用 无 类 型 变量 时 ， 虽 然 避 开 了 编译 时 类 型 检查 ， 但 不 会 消除 类 型 检查 ， 
而 只 是 将 其 延迟 到 运行 时 执行 。 例 如 ， 如 果 上 一 个 示例 中 的 myNum 变量 没有 声明 数据 类 型 ， 
那么 ， 编 译 器 将 检测 不 到 类 型 不 匹配 ， 但 是 Flash Player 将 生成 一 个 运行 时 错误 ， 因 为 它 会 将 
myNum 运行 时 的 值 〈 赋 值 语 句 将 其 设置 为 3) 与 xParam 的 类 型 (设置 为 Array 数据 类 型 ) 进 
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与 编译 时 类 型 检查 相 比 ， 运 行 时 类 型 检查 还 允许 更 灵活 地 使 用 继承 。 标 准 模式 会 将 类 型 
检查 延迟 到 运行 时 执行 ， 从 而 允许 引用 子 类 的 属性 。 当 使 用 父 类 来 声明 变量 ， 并 且 使 用 子 类 
来 实例 化 时 ， 就 只 能 在 标准 模式 下 运行 。 例 如 ， 可 以 创建 一 个 名 为 ClassBase 的 可 扩展 类 ( 具 
有 final 属性 的 类 不 能 扩展 )， 如 下 所 示 。 


随后 ， 创 建 一 个 名 为 ClassExtender 的 ClassBase 子 类 ， 该 子 类 具有 一 个 名 为 someString 
的 属性 ， 如 下 所 示 。 


通过 使 用 这 两 个 类 ， 可 以 创建 一 个 使 用 ClassBase 类 型 进行 声明 ， 但 使 用 ClassExtender() 
构造 函数 进行 实例 化 的 变量 。 这 是 因为 父 类 ClassBase 不 包含 子 类 ClassExtender 的 任何 属性 和 
方法 。 


但 是 ， 子 类 中 则 包含 了 其 父 类 中 没有 的 属性 或 方法 。 例 如 ，ClassExtender 类 中 包含 
someString 属性 ， 该 属性 在 ClassBase 类 中 不 存在 。 在 ActionScript 3.0 标准 模式 下 ， 可 以 使 用 
myClass 实例 来 引用 此 属性 ， 而 不 会 生成 编译 时 错误 ， 如 下 面 的 代码 所 示 。 
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3.2.4 is 和 as 运算 符 


上 一 节 介绍 了 编译 器 和 Flash Player 对 数据 类 型 的 检查 ， 本 节 介 绍 is 和 as 运算 符 ， 它 们 
可 以 实现 用 户 对 数据 类 型 的 检查 。instanceof 运算 符 在 ActionScript 3.0 之 前 的 版 本 中 就 有 ， 只 
是 功能 不 够 强大 。 下 面 详细 介 绍 is 和 as 运算 符 ， 同 时 和 instanceof 运算 符 做 区 别 分 析 。 

cE 运算 符 ~ 

is 运算 符 是 ActionScript 3.0 中 的 新 增 运算 符 ， 它 可 用 来 测试 变量 或 表达 式 是 否 为 给 定数 
据 类 型 的 成 员 。 在 早期 的 ActionScript 版 本 中 ， 此 功能 由 instanceof 运算 符 提供 。 但 在 
ActionScript 3.0 中 ， 不 应 使 用 instanceof 运算 符 来 测试 变量 或 表达 式 是 否 为 给 定数 据 类 型 的 成 
员 。 对 于 程序 中 的 类 型 检查 , 应 用 is 运算 符 来 代替 instanceof 运算 符 ， 因 为 表达 式 x instanceof 
y 只 是 在 x 的 原型 链 中 检查 y 是 否 存 在 (在 ActionScript 3.0 中 , 原型 链 不 能 全 面 地 描述 继承 层 
次 结构 )。 

is 运算 符 检 查 正 确 的 继承 层次 结构 ， 不 但 可 以 用 来 检查 对 象 是 否 为 特定 类 的 实例 ， 而 且 
还 可 以 检查 对 象 是 否 是 用 来 实现 特定 接口 的 类 的 实例 。 下 面 的 示例 创建 Sprite 类 的 一 个 名 为 
mySprite 的 实例 ， 并 使 用 is 运算 符 来 测试 mySprite 是 否 为 Sprite 和 DisplayObject 类 的 实例 ， 
以 及 它 是 否 实现 IEventDispatcher 接口 。 


Var mySprite:Sprite = new Sprite(); 


trace (mySprite is Sprite); // true 
trace (mySprite is DisplayObject); // true 
trace (mySprite is IEventDispatcher); // true 


is 运算 符 检查 继承 层次 结构 ， 并 正确 地 报告 mySprite 与 Sprite 和 DisplayObject 类 兼容 
(Sprite 类 是 DisplayObject 类 的 子 类 )。is 运算 符 还 检查 mySprite 是 否 是 从 实现 IEventDispatcher 
接口 的 任意 类 继承 的 。 由 于 Sprite 类 是 从 实现 IEventDispatcher 接口 的 EventDispatcher 类 继承 
的 ， 因 此 is 运算 符 会 正确 地 报告 mySprite 也 实现 该 接口 。 

下 面 的 示例 进行 与 上 一 个 示例 相同 的 测试 , 但 使 用 的 是 instanceof 运算 符 , 而 不 是 is 运算 
符 。instanceof 运算 符 正确 地 识别 出 mySprite 是 Sprite 或 DisplayObject 的 实例 ,但 是， 当 它 用 
来 测试 mySprite 是 否 实现 IEventDispatcher 接口 时 ， 返 回 的 却 是 false。 


trace (mySprite instanceof Sprite); // true 
trace (mySprite instanceof DisplayObject); // true 
trace (mySprite instanceof IEventDispatcher); // false 


门 2. as 运算 符 小 


as 运算 符 是 ActionScript 3.0 中 的 新 增 运算 符 ， 也 可 用 来 检查 表达 式 是 否 为 给 定数 据 类 型 
的 成 员 。 但 是 ， 与 is 运算 符 不 同 的 是 ，as 运算 符 不 返回 布尔 值 ， 而 是 返回 表达 式 的 值 〈 代 蔡 
true) 或 null (代替 false)。 下 面 的 例子 说 明了 在 简单 情况 下 使 用 as 运算 符 蔡 代 is 运算 符 的 结 
果 ， 例 如 ， 检 查 Sprite 实例 是 否 为 DisplayObject、IEventDispatcher 和 Number 数据 类 型 的 


在 使 用 as 运算 符 时 ， 右 侧 的 操作 数 必须 是 数据 类 型 。 如 果 尝 试 使 用 表达 式 而 非 数 据 类 
型 ) 作为 右 侧 的 操作 数 ， 将 会 产生 错误 。 


3.2.5 数据 类 型 转换 


在 将 某 个 值 转换 为 其 他 数据 类 型 的 值 时 ， 就 说 发 生 了 类 型 转换 。 类 型 转换 可 以 是 “ 隐 式 ” 
的 ， 也 可 以 是 “ 显 式 ”的 。 隐 式 转换 又 称 为 “强制 转换 ”。 例 如， 如果 将 值 2 赋 给 Boolean 数 
据 类 型 的 变量 ， 则 Flash Player 会 先 将 值 2 转换 为 布尔 值 rue， 然后 再 将 其 赋 给 该 变量 。 显 式 
转换 ， 是 在 代码 指示 编译 器 将 一 个 数据 类 型 的 变量 ， 视 为 属于 另 一 个 数据 类 型 时 发 生 。 在 涉 
及 基本 数据 类 型 的 值 时 ， 转 换 功 能 将 一 个 数据 类 型 的 值 实际 转换 为 男 一 个 数据 类 型 的 值 。 要 
将 对 象 转换 为 男 一 类 型 ， 用 小 括号 括 起 对 象 名 ， 并 在 它 前 面 加 上 新 类 型 的 名 称 。 例 如 ， 下 面 
的 代码 提取 一 个 布尔 值 并 将 它 转换 为 一 个 整数 。 


在 运行 时 ， 会 经 常 发 生 隐 式 转换 ， 如 下 列 出 了 常见 情况 。 

在 赋值 语句 中 。 

在 将 值 作为 函数 的 参数 传递 时 。 

在 从 函数 中 返回 值 时 。 

在 使 用 某 些 运算 符 (如 加 法 运算 符 (+ )) 的 表达 式 中 。 

对 于 用 户 定义 的 类 型 ， 当 要 转换 的 值 是 目标 类 《或 者 派生 自 目 标 类 的 类 ) 的 实例 时 ， 隐 上 
式 转换 会 成 功 。 如 果 隐 式 转换 不 成 功 ， 就 会 出 现 错误 。 例如， 下面 的 代码 中 包含 成 功 的 隐 式 
转换 和 不 成 功 的 隐 式 转换 。 


对 于 基本 数据 类 型 而 言 ， 隐 式 转换 是 通过 调用 内 部 转换 算法 来 处 理 的 ， 该 算法 与 显 式 转 


换 函 数 所 调用 的 算法 相同 。 下 面 会 详细 讲述 这 些 基 本 数据 类 型 的 转换 。 


在 严格 模式 下 进行 编译 时 ， 使 用 显 式 转换 会 非常 有 用 ， 因 为 有 时 会 不 希望 因 类 型 不 匹配 
而 生成 编译 时 错误 。 当 知道 强制 转换 功能 会 在 运行 时 正确 转换 变量 的 值 时 ， 就 可 以 使 用 显 式 
转换 。 例 如 ， 在 处 理 从 表单 接收 的 数据 时 ， 依 赖 强制 转换 功能 将 某 些 字符 串 值 转换 为 数值 。 
下 面 的 代码 会 生成 编译 时 错误 ， 即 使 代码 在 标准 模式 下 能 够 正确 运行 。 


如 果 继 续 使 用 严格 模式 ， 但 是 希望 将 字符 串 转换 为 整数 ， 则 可 以 使 用 显 式 转换 ， 如 下 
所 示 : 


可 以 将 任何 数据 类 型 转换 为 以 下 3 种 数字 类 型 ，int、uint 和 Number。 如 果 Flash Player 
由 于 某 种 原因 而 无 法 转换 数字 ， 则 会 为 nt 和 uint 数据 类 型 赋予 默认 值 0， 为 Number 数据 类 
型 赋予 默认 值 NaN。 如 果 将 布尔 值 转换 为 数字 ， 则 true 变 成 值 1，false 变 成 值 0， 从 如 下 所 示 
的 代码 可 以 看 到 效果 。 


仅 包 含 数字 的 字符 串 值 可 以 成 功 地 转换 为 数字 类 型 之 一 。 看 上 去 像 负数 的 字符 串 或 者 表 
示 十 六 进 制 值 的 字符 串 〈 例 如 ，0x1lA) 也 可 以 转换 为 数字 类 型 。 转 换 过 程 中 会 忽略 字符 串 值 
中 的 前 导 或 尾随 空白 字符 。 还 可 以 使 用 Number( 方 法 来 转换 看 上 去 像 浮 点 数 的 字符 串 。 如 果 
包含 小 数 点 ， 则 用 uint0 方 法 和 int0 方 法 转换 , 返回 一 个 整数 , 小数点 和 它 后 面 的 字符 被 截断 。 
例如 ， 下 面 的 字符 串 值 可 以 转换 为 数字 。 


对 于 包含 非 数字 字符 的 字符 串 值 ， 在 用 int0 或 uintO 转 换 时 ， 将 返回 0， 在 用 NumberO 转 
换 时 ， 将 返回 NaN。 转 换 过 程 中 会 忽略 前 导 和 尾随 空白 ， 但 是 ， 如 果 字 符 串 中 包含 将 两 个 数 
字 隔 开 的 空白 ， 则 将 返回 0 或 NaN。 


在 ActionScript 3.0 中 ，Number() 函 数 不 再 支持 八进制 数 或 基数 为 8 的 数 。 如 果 向 
ActionScript 2.0 中 的 Number0 函 数 ,提供 的 字符 串 中 包含 前 导 0, 则 该 数字 将 被 视 为 八进制 数 ， 
并 将 转换 为 等 效 的 十 进 制 数 。 对 于 ActionScript 3.0 中 的 Number0 函 数 ， 情 况 并 非 如 此 ， 因 为 
ActionScript 3.0 会 忽略 前 导 0。 例 如 ， 在 使 用 不 同 的 ActionScript 版 本 进行 编译 时 ， 下 面 的 代 
码 会 生成 不 同 的 输出 结果 。 


将 一 种 数值 类 型 的 值 赋 给 另 一 种 数值 类 型 的 变量 时 ， 转 换 并 不 是 必须 的 。 即 使 在 严格 模 
式 下 ， 数 值 类 型 也 会 隐 式 转换 为 其 他 数值 类 型 。 这 意味 着 ， 在 某 些 情况 下 ， 在 超出 类 型 的 范 
围 时 ， 可 能 会 生成 意外 的 值 。 下 面 的 几 个 例子 全 部 是 在 严格 模式 下 进行 编译 的 ， 但 是 某 些 示 
例 将 生成 意外 的 值 。 


表 3-3 概述 了 将 其 他 数据 类 型 转换 为 Number、int 或 uint 数据 类 型 的 结果 。 
表 3-3 转换 为 Number、int 或 uint 数据 类 型 的 结果 


Boolean 如 果 值 为 tue， 则 结果 为 1; 否则 为 0 
Date Date 对 象 的 内 部 表示 形式 , 即 从 1970 年 1 月 1 日 午夜 (通用 时 间 ) 以 来 所 经 过 的 毫秒 数 
null 0 


Object 如 果实 例 为 null 并 转换 为 Number， 则 结果 为 NaN; 否则 为 0 


续 表 


如 果 Flash Player 可 以 将 字符 串 转换 为 数字 ， 则 结果 为 数字 ， 否则 ， 如 果 转 换 为 Number， 
则 结果 为 NaN， 如 果 转 换 为 int 或 uint， 则 结果 为 0 
undefined 如 果 转 换 为 Number， 则 结果 为 NaN; 如 果 转 换 为 int 或 uint， 则 结果 为 0 


在 从 任何 数值 数据 类 型 (uint、int 和 Number) 转换 为 Boolean 时 ， 如 果 数 值 为 0， 则 结 
果 为 false， 否 则 为 tue。 对 于 Number 数据 类 型 ， 如 果 值 为 NaN， 则 结果 也 为 false。 下 面 的 
例子 说 明 在 转换 -1、0 和 1 等 数字 时 的 结果 。 


上 述 代码 的 输出 结果 如 下 所 示 ， 说 明 在 这 3 个 数字 中 ， 只 有 0 返回 false 值 。 


在 将 字符 串 值 转换 为 Boolean 数据 类 型 时 ， 如 果 字 符 串 为 null 或 空 字符 串 〈"")， 则 会 返 
回 false， 否 则 将 返回 tte， 如 下 所 示 的 代码 将 字符 串 转换 为 Boolean 数据 类 型 。 


在 将 Object 类 的 实例 转换 为 Boolean 数据 类 型 时 ， 如 果 该 实例 为 null， 则 将 返回 false; 
否则 将 返回 tue， 如 下 所 示 的 代码 将 Object 实例 转换 为 Boolean 数据 类 型 。 


在 严格 模式 下 ， 系 统 会 对 布尔 变量 进行 特殊 处 理 ， 因 为 不 必 转 换 即 可 向 布尔 变量 赋予 任 
何 数据 类 型 的 值 。 即 使 在 严格 模式 下 , 也 可 以 将 所 有 的 数据 类 型 隐 式 转换 为 Boolean 数据 类 型 。 
换言之 , 与 几乎 所 有 其 他 的 数据 类 型 不 同 , 转换 为 Boolean 数据 类 型 不 是 避免 在 严格 模式 下 出 
错 所 必须 的 。 下 面 的 几 个 例子 全 部 是 在 严格 模式 下 编译 的 ， 它 们 在 运行 时 按照 预期 的 方式 
工作 。 
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Var myobj :Object = new Object() 7 // 实例 化 
Var bool:Boolean = myObj; 


trace (bool); // true 

bool = "random string"; 

trace (bool); // true 

bool = new Array(); 

trace (bool) 7 // true 

bool = NaN7 es 
trace (bool); // false 


表 3-4 概述 了 其 他 数据 类 型 转换 为 Boolean 数据 类 型 时 的 结果 。 
表 3-4 转换 为 Boolean 数据 类 型 的 结果 


数据 类 型 或 值 转换 为 Boolean 数据 类 型 的 结果 
String 如 果 值 为 null 或 空 字符 串 〈"")， 则 结果 为 false; 否则 为 true 
null False 
Number、int 或 uint 如 果 值 为 NaN 或 0， 则 结果 为 false; 否则 为 true 
Object 如 果实 例 为 null， 则 结果 为 false; 否则 为 tue 
5. 转换 为 String ， 


从 任何 数值 数据 类 型 转换 为 String 数据 类 型 时 ， 都 会 返回 数字 的 字符 串 表示 形式 。 在 将 
布尔 值 转换 为 String 数据 类 型 时 ， 如 果 值 为 tue， 则 返回 字符 串 tue; 如 果 值 为 false， 则 返回 
字符 串 false。 

在 从 Object 类 的 实例 转换 为 String 数据 类 型 时 ， 如 果 该 实例 为 null， 则 返回 字符 串 null。 
否则 ， 将 返回 字符 串 [object Object]。 

在 从 Array 类 的 实例 转换 为 String 数据 类 型 时 , 会 返回 一 个 字符 串 , 其 中 包含 所 有 数组 元 
素 的 逗号 分 隔 列表 。 例 如 ， 下 面 的 例子 在 转换 为 String 数据 类 型 时 ， 将 返回 一 个 包含 数组 中 
全 部 元 素 的 字符 串 。 


Var myArray:Array = ["primary", "secondary", "tertiary"]; 
trace (String (myArray)); // primary, secondary, tertiary 


在 从 Date 类 的 实例 转换 为 String 数据 类 例 时 ， 会 返回 该 实例 所 包含 日 期 的 字符 串 表示 形 
式 。 例 如 , 下 面 的 例子 返回 Date 类 实例 的 字符 串 表示 形式 (输出 结果 显示 的 是 太平 洋 夏令 时 )。 


var myDate:Date = new Date(2005,6,1); 
trace (String (myDate)); // 星期 五 7 月 1 上 日 00:00:00 GMT-0700 2005 


表 3-5 概述 了 将 其 他 数据 类 型 转换 为 String 数据 类 型 时 的 结果 。 
表 3-5 转换 为 String 数据 类 型 的 结果 


数据 类 型 或 值 转换 为 String 数据 类 型 的 结果 
Array 一 个 包含 所 有 数组 元 素 的 字符 串 
Boolean “true” 或 “false” 

Date Date 对 象 的 字符 串 表示 形式 
null “null” 

Number、int 或 uint 数字 的 字符 串 表 示 形 式 


Object 如 果实 例 为 null， 则 结果 为 “null”， 否则 为 “[object Object]” 


3.3 运算 符 


运算 符 是 一 种 特殊 的 函数 ， 它 们 具有 一 个 或 多 个 操作 数 并 返回 相应 的 值 。 操 作 数 是 被 运 
算 符 用 作 输 入 的 值 ， 通 常 是 字面 值 、 变 量 或 表达 式 。 例 如 ， 在 下 面 的 代码 中 ， 将 加 法 运算 符 
(+) 和 乘法 运算 符 〈*) 与 3 个 字面 值 操作 数 (2、3 和 4) 结合 使 用 来 返回 一 个 值 。 赋 值 运算 
符 (=)， 随 后 使 用 该 值 所 返回 的 值 14 赋 给 变量 sumNumber。 


有 些 运 算 符 是 重 载 的 ， 这 意味 着 它们 的 行为 因 传递 给 它们 的 操作 数 的 类 型 或 数量 而 异 。 
例如 ， 加 法 运算 符 (+) 就 是 一 个 重 载运 算 符 ， 其 行为 因 操作 数 的 数据 类 型 而 异 。 如 果 两 个 操 


作 数 都 是 数字 ， 则 加 法 运算 符 会 返回 这 些 值 的 和 。 如 果 两 个 操作 数 都 是 字符 串 ， 则 加 法 运算 
符 会 返回 这 两 个 操作 数 连 接 后 的 结果 。 下 面 的 例子 代码 说 明 运 算 符 的 行为 如 何 因 操 作 数 而 异 。 


运算 符 的 行为 还 可 能 因 所 提供 的 操作 数 的 数量 而 异 。 减 法 运算 符 〈-) 既是 一 元 运算 符 又 
是 二 元 运算 符 。 对 于 减法 运算 符 ， 如 果 只 提供 一 个 操作 数 ， 则 该 运算 符 会 对 操作 数 求 反 并 返 
回 结果 ， 如果 提 供 两 个 操作 数 ， 则 减法 运算 符 返 回 这 两 个 操作 数 的 差 。 下 面 的 例子 说 明 首 先 
将 减法 运算 符 用 作 一 元 运算 符 ， 然 后 再 将 其 用 作 二 元 运算 符 。 


| 


3.3.1 运算 符 的 分 类 


运算 符 按 照 操 作 数 的 多 少 ， 可 以 分 为 一 元 、 二 元 和 三 元 运算 符 。 其 中 一 元 运算 符 有 1 个 
操作 数 。 例 如 ， 递 增 运算 符 〈++) 就 是 一 元 运算 符 ， 因 为 它 只 能 有 一 个 操作 数 。 二 元 运算 符 
有 两 个 操作 数 。 例 如 ， 除 法 运算 符 〈/) 有 两 个 操作 数 。 三 元 运算 符 有 3 个 操作 数 。 例 如 ， 条 
件 运算 符 〈?:) 具有 3 个 操作 数 。 

根据 运算 符 的 作用 可 将 运算 符 划分 为 多 种 类 型 ， 常 用 的 运算 符 有 主要 运算 符 、 后 级 运算 
符 、 一 元 运算 符 、 乘 法 运算 符 、 加 法 运算 符 等 。 具 体 如 表 3-6 所 示 。 


表 3-6 运算 符 及 其 类 型 


主要 运算 符 [0 {x:y} 0 fo new xyx[y] < @ ::.. 
后 缀 运算 符 xHHX- 一 

一 元 运算 符 HH 一 到 二 一 !delete typeof void 

乘法 运算 符 */% 


加 法 运算 符 汗 宇 


第 了 二 


ActionScript 3.0 语法 


续 表 
类 别 运算 符 
按 位 移 位 运算 符 << >> >>> 
关系 运算 符 < > <= >= as in instanceof is 一 = 一 ! 一 
逻辑 运算 符 有 |^ ~ &&l|! 
条 件 运算 符 和 
赋值 运算 符 三 二 一 本 /= 9%=&= 上 = 全 <<= >>=>>> 一 @ 


3.3.2 ”常用 运算 符 
下 面 根据 运算 符 的 作用 进行 分 类 ， 详 细 介绍 常用 运算 符 的 作用 及 执行 的 运算 。 
三 算术 运算 符 | 


算术 运算 符 ， 也 就 是 将 变量 进行 算术 运算 ， 例 如 加 、 减 、 乘 、 除 等 。ActionScript 3.0 中 提 
供 的 算术 运算 符 如 表 3-7 所 示 。 


表 3-7 算术 运算 符 及 执行 的 运算 


运算 符 执行 的 运算 执行 的 运算 
让 乘法 加 法 
/ 除法 减法 
% 求 模 
2. 逻辑 运算 符 、 


人 
逻辑 运算 符 有 两 个 操作 数 ， 它 返回 布尔 型 结果 。 表 3-8 中 列 出 了 所 有 的 逻辑 运算 符 。 
表 3-8 ”逻辑 运算 符 及 执行 的 运算 


运算 符 执行 的 运算 执行 的 运算 

& 按 位 “与 大 于 或 等 于 

^ 按 位 “ 异 或 逻辑 “与 ” 

| 按 位 “或 逻辑 “或” 
3. 赋值 运算 符 ] 


人 

最 常见 的 赋值 运算 符 是 “=”， 该 运算 符 将 右 操 作 数 的 值 存储 在 左 操作 数 表示 的 存储 位 置 、 
属性 或 索引 器 中 ， 并 将 值 作为 结果 返回 。 操 作 数 的 类 型 必须 相同 或 右 操作 数 必须 可 以 隐 式 
转换 为 左 操作 数 的 类 型 )。 表 3-9 中 列 出 了 所 有 的 逻辑 运算 符 。 


表 3-9 ”赋值 运算 符 及 执行 的 运算 


运算 符 执行 的 运算 执行 的 运算 

= 赋值 按 位 向 左 移 位 赋值 

乘法 赋值 按 位 向 右 移 位 赋值 

三 除法 赋值 按 位 无 符号 向 右 移 位 赋值 
%= 求 模 赋值 按 位 “与 ”赋值 

二 加 法 赋值 按 位 “ 异 或 ”赋值 

-= 减法 赋值 按 位 “或 ”赋值 


基本 格式 如 下 所 示 。 


后 绥 运 算 符 只 有 一 个 操作 数 ， 它 递增 或 递减 该 操作 数 的 值 。 虽 然 这 些 运 算 符 是 一 元 运算 
符 ， 但 是 它们 有 别 于 其 他 一 元 运算 符 ， 被 单独 划 归 到 了 一 个 类 别 ， 因 为 它们 具有 更 高 的 优先 
级 和 特殊 的 行为 。 在 将 后 绥 运 算 符 用 作 较 长 表达 式 的 一 部 分 时 ， 会 在 处 理 后 缀 运算 符 之 前 返 
回 表达 式 的 值 。 表 3-10 列 出 了 所 有 的 后 绥 运 算 符 ， 下 面 的 代码 说 明 如 何在 递增 值 之 前 返回 表 
达 式 xNum++ 的 值 。 


表 3-10 后缀 运算 符 及 执行 的 运算 


二 递增 (后 级 ) —— 递减 后缀 ) 


一 元 运算 符 只 有 一 个 操作 数 。 这 一 组 中 的 递增 运算 符 (++) 和 递减 运算 符 〈- -) 是 前 绥 
运算 符 ， 这 意味 着 它们 在 表达 式 中 出 现在 操作 数 的 前 面 。 前 绥 运 算 符 与 它们 对 应 的 后 缀 运算 
符 不 同 ， 因 为 递增 或 递减 操作 是 在 返回 整个 表达 式 的 值 之 前 完成 的 。 表 3-11 列 出 了 所 有 的 一 
元 运算 符 ， 下 面 的 代码 说 明 如 何在 递增 值 之 后 返回 表达 式 ++xNum 的 值 。 


表 3-11 一 元 运算 符 及 执行 的 运算 


递增 (前 级 ) 按 位 “ 非 ” 
一 一 递减 前 级) delete 删除 属性 
一 元 + typeof 返回 类 型 信息 


一 元 - ( 非 ) void 返回 undefined 值 


逻辑 “ 非 ” 


按 位 移 位 运算 符 有 两 个 操作 数 ， 它 将 第 一 个 操作 数 的 各 位 按 第 二 个 操作 数 指定 的 长 度 移 
位 。 表 3-12 中 列 出 了 所 有 的 按 位 移 位 运算 符 。 
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表 3-12 ” 按 位 移 位 运算 符 及 执行 的 运算 


运算 符 执行 的 运算 执行 的 运算 
<< 按 位 向 左 移 位 按 位 无 符号 向 右 移 位 
>> 按 位 向 右 移 位 


让 了 关系 运算 符 ] 
关系 运算 符 有 两 个 操作 数 ， 它 比较 两 个 操作 数 的 值 ， 然 后 返回 一 个 布尔 值 。 表 3-13 中 列 
出 了 所 有 的 关系 运算 符 。 


表 3-13 关系 运算 符 及 执行 的 运算 


运算 符 执行 的 运算 运算 符 执行 的 运算 

< 小 于 instanceof 检查 原型 链 

> 天 手 is 检查 数据 类 型 

<= 小 于 或 等 于 一 等 于 

>= 大 于 或 等 于 {= 不 等 于 

as 检查 数据 类 型 === 严格 等 于 

in 检查 对 象 属性 ! 一 严格 不 等 于 
8. 条件 运 算 符 


条 件 运算 符 (?:) 是 if…else 结构 的 简化 形式 ， 使 用 这 种 结构 能 够 使 程序 更 简洁 、 雅 观 地 
表达 那些 简单 的 ff…else 结构 。 条 件 运 算 符 是 唯一 的 三 元 运算 符 , 之 所 以 称 为 三 元 是 因为 它 带 
有 3 个 操作 数 。 在 编程 过 程 中 ， 使 用 该 运算 符 可 以 计算 一 个 条 件 ， 如 果 条 件 为 真 ， 就 返回 一 
个 值 ， 如 果 条 件 为 假 ， 则 返回 另 一 个 值 。 其 语法 如 下 所 示 。 


condition?true value:false value 


其 中 , condition 是 要 计算 的 Boolean 型 表达 式 , true_value 是 condition 为 true 时 返回 的 值 ， 
false_value 是 condition 为 false 时 返回 的 值 。 


9. 其 他 运算 符 


其 他 运算 符 包括 那些 用 来 创建 Array 和 Object 字面 值 、 对 表达 式 进 行 分 组 、 调 用 函数 、 
实例 化 类 以 及 访问 属性 的 运算 符 。 表 3-14 中 列 出 了 所 有 的 主要 运算 符 。 


表 3-14 ”主要 运算 符 及 执行 的 运算 


运算 符 执行 的 运算 执行 的 运算 

0 初始 化 数组 访问 属性 

{x:y} 初始 化 对 象 初始 化 XMLList 对 象 (E4X) 
0 对 表达 式 进行 分 组 访问 属性 (E4X) 

f(x) 调用 函数 限定 名 称 (E4X) 

new 调用 构造 函数 访问 子 级 XML 元 素 (E4X) 


3.3.3 ”运算 符 的 优先 级 


在 上 一 节 中 分 别 学 习 各 种 类 型 的 运算 符 ， 那 么 如 果 在 同一 条 语句 上 使 用 多 个 运算 符 ， 程 


序 会 先 运行 哪个 呢 ? 这 就 产生 了 运算 符 之 间 优 先 级 的 问题 ， 先 看 一 个 小 例子 。 


得 到 的 结果 不 是 26， 而 是 20， 因 为 程序 先 计 算 了 7*2 然后 再 与 6 相 加 。 幸 运 的 是 ， 可 以 
通过 用 括号 的 优先 运算 来 改变 计算 的 顺序 。 这 种 程序 运算 符 先后 的 计算 顺序 就 称 为 运算 符 的 
优先 级 ， 表 3-15 按 优先 级 递减 的 顺序 列 出 了 ActionScript 3.0 中 的 运算 符 。 该 表 内 同一 行 中 的 
运算 符 具有 相同 的 优先 级 ， 每 行 运算 符 都 比 位 于 其 下 方 的 运算 符 的 优先 级 高 。 


1 主要 运算 符 [0 {x:y} 0 flx) new xyx[y] < > @ ::.. 

2 后 缀 运算 符 XHHX- 一 

3 一 元 运算 符 +HHX——X+—~! delete typeof void 

4 乘法 运算 符 */% 

5 加 法 运算 符 二 一 

6 按 位 移 位 运算 符 <<>> >>> 

关系 运算 符 <><=>=as in instanceof is == != 一 = !== 
8 逻辑 运算 符 &I^ ~ &&ll 

9 条 件 运算 符 六 

挤 赋值 运算 符 = 巧 一 村 全 %=&= 上 和 <<=>>=>>>= 


3.4 流程 控制 语句 


ActionScript 3.0 作为 一 种 脚本 语言 ， 也 有 其 自己 的 流程 控制 语句 。 在 掌握 了 ActionScript 
3.0 程序 的 基本 运算 符 等 基本 语法 后 ,本 节 将 主要 介绍 与 ActionSeript 3.0 有 关 的 流程 控制 语句 ， 
包括 条 件 语句 和 循环 语句 。 


3.4.1 条 件 语句 


使 用 条 件 语句 可 以 对 预先 设 定 的 条 件 进行 判断 。 同 时 ， 这 样 的 条 件 语 句 一 般 都 会 结合 一 
个 语句 块 或 者 普通 语句 。 当 条 件 语 句 对 预 设 的 条 件 的 逻辑 判断 结束 以 后 就 转 到 附带 的 语句 块 
或 者 语句 去 执行 相应 的 操作 。ActionScript 3.0 提供 了 多 种 条 件 语句 。 

if…else 语句 

switch*…case 语句 

if…else 语句 用 于 判断 条 件 是 否 为 true 或 者 false， 并 且 根 据 计 算 结 果 指 定 要 执行 的 操作 。 
通常 情况 下 ， 判 断 条 件 是 用 比较 运算 符 对 数值 或 者 变量 进行 比较 运算 的 表达 式 。 

在 判断 条 件 为 true 时 运行 指定 的 语句 块 ， 则 在 判断 条 件 为 false 时 跳 过 指定 的 语句 块 。 下 
面 的 例子 演示 了 这 种 情况 下 的 if…else 语句 。 注 意 此 例 省略 了 关键 字 else。 


可 以 使 用 站 …else 语句 定义 两 个 可 执行 语句 块 : 判断 条 件 为 tue 时 运行 某 一 语句 块 , 条 件 
为 false 时 运行 另 一 语句 块 。 例 如 ， 下 面 的 例子 就 演示 这 种 情况 下 的 直 …else 语句 。 


除 此 之 外 ，if…else 语句 的 另 一 种 变形 允许 从 多 个 条 件 中 选择 ， 即 添加 else 直子 名 以 扩充 
让 …else 语句 的 功能 ， 使 得 可 以 控制 基于 多 种 可 能 的 程序 流程 ， 如 下 所 示 。 


在 让"…else 语句 中 ， 可 以 添加 任意 多 个 else 直子 句 以 提供 多 种 选择 ， 但 是 使 用 多 个 else 计 
子 句 会 使 代码 变 得 非常 复杂 。 在 多 个 条 件 中 进行 选择 的 更 好 方法 是 使 用 switch…case 语句 。 

switch…case 语句 提供 了 if…else 语句 的 一 个 变通 形式 ， 可 以 从 多 个 语句 块 中 选择 其 中 的 
一 个 执行 。switch…case 语句 提供 的 功能 与 if…else 语句 类 似 ， 但 是 可 以 使 代码 更 加 简练 、 易 
读 。switch…case 语句 在 其 开始 处 使 用 一 个 简单 的 测试 表达 式 。 表 达 式 的 结果 将 与 结构 中 每 个 
case 子 句 的 值 进 行 比较 。 如 果 匹 配 ， 则 执行 与 该 case 关联 的 语句 块 。 语 句 块 以 case 语句 开头 ， 
以 break 语句 结尾 。 

下 面 使 用 switch*…case 语句 ， 根 据 Date.getDay() 方 法 返回 的 日 期 值 ， 输 出 对 应 的 星期 ， 如 
代码 3.1 所 示 。 


代码 3.1 使 用 switch…case 语句 


需要 注意 switch…case 语句 只 计算 一 次 开始 处 的 一 个 表达 式 , 而 if…else 语句 计算 每 个 else 
这 子 句 的 表达 式 ， 这 些 表达 式 可 以 各 不 相同 。 仅 当 每 个 else 直子 句 计算 的 表达 式 都 相同 时 , 才 
可 以 使 用 switch…case 语句 代替 if…else 语句 。 


3.4.2 ”循环 语句 
循环 语句 也 称 为 迭代 语句 ， 使 用 循环 语句 可 以 反复 执行 某 个 代码 块 ， 直 到 循环 结束 条 件 


满足 后 才 停 止 执行 。ActionScript 3.0 提供 5 种 不 同 的 循环 机 制 ， 如 for、for…in、while、do… 
while 和 for each…in。 下 面 详细 介绍 这 几 种 循环 语句 。 


for 循环 语句 在 程序 执行 前 测试 是 否 满足 某 个 条 件 。 其 语法 如 下 : 


初始 值 表达 式 在 程序 刚 进入 for 循环 的 时 候 第 一 时 间 被 执行 , 当 程序 执行 完 初始 值 表达 式 


以 后 ， 程 序 会 继续 执行 循环 条 件 表达 式 ， 循 环 条 件 是 一 条 判断 语句 ， 如 果 循 环 条 件 表 达 式 返 
回 的 结果 为 tue, 程序 就 会 执行 大 括号 里 的 执行 语句 块 的 语句 。 直 到 循环 条 件 表达 式 返 回 的 结 
果 为 false 时 程序 才 会 跳出 这 整个 for 循环 。 下 面 以 例子 说 明 for 循环 语句 ， 如 代码 3.2 所 示 。 


代码 3.2 for 循环 


上 述 代码 的 输出 结果 如 下 : 


for…in 循环 用 于 循环 访问 对 象 属性 或 数组 元 素 。 例如， 可 以 使 用 for…in 循环 来 循环 访问 
通用 对 象 的 属性 不 按 任何 特定 的 顺序 来 访问 对 象 的 属性 ， 因 此 属性 可 能 以 看 似 随机 的 顺序 
出 现 )， 代 码 3.3 所 示 为 使 用 for…in 语句 访问 对 象 属性 、 输 出 属性 的 名 称 及 值 的 例子 。 


代码 3.3 使 用 for…in 循环 输出 对 象 属性 


上 述 代 码 的 输出 结果 如 下 : 


如 果 对 象 是 自 定义 类 的 一 个 实例 ， 则 除非 该 类 是 动态 类 ， 和 否则 将 无 法 循环 访问 该 对 象 的 
属性 。 即 便 是 动态 类 的 实例 ， 也 只 能 循环 访问 动态 添加 的 属性 。 

使 用 for…in 循环 ， 还 可 以 访问 数组 中 的 元 素 ， 代 码 3.4 创建 了 一 个 数组 ， 利 用 for…in 循 
环 语句 输出 数组 中 的 元 素 。 


代码 3.4 ”使 用 for…in 循环 输出 数组 中 的 元 素 


上 述 代码 的 输出 结果 如 下 : 


| 


与 for 循环 一 样 ，while 也 是 一 个 预测 试 的 循环 。while 循环 通常 用 于 下 述 情况 ， 在 循环 开 
始 之 前 不 知道 重复 执行 一 个 语句 或 语句 块 的 次 数 。 其 语法 如 下 : 


条 件 表达 式 也 是 一 个 布尔 表达 式 ,控制 内 含 语句 被 执行 的 次 数 。 可 以 使 用 break 或 continue 
语句 来 控制 while 语句 中 的 执行 语句 ， 运 行 方式 和 for 语句 中 的 完全 相同 。 


所 有 ActionScript 3.0 循环 中 ， 如 果 只 执行 一 条 语句 ， 而 不 是 语句 块 ， 可 以 省 
略 花 括号 ， 但 是 最 好 在 任何 情况 下 都 加 上 花 括 号 。 


ActionScript 3.0 最 可 利用 的 循环 语句 是 do…while 语句 。 它 与 while 语句 十 分 相似 ， 不 过 
是 当 经 过 最 初 的 循环 之 后 ， 条 件 才 被 验证 。 其 语法 如 下 : 


do*…while 循环 是 while 循环 测试 的 扩展 。do…while 语句 与 while 语句 唯一 的 区 别 在 于 ， 
不 管 表达 式 的 结果 为 真 还 是 为 假 , 循环 语句 至 少 执行 一 次 。 因 此 do…while 循环 适合 于 至 少 执 


行 一 次 循环 体 的 情况 。 


for each…in 循环 用 于 循环 访问 集合 中 的 项 目 , 它 可 以 是 XML 或 XMLList 对 象 中 的 标签 、 
对 象 属性 保存 的 值 或 数组 元 素 。 例 如 ， 如 代码 3.5 所 示 ， 可 以 使 用 for each…in 循环 来 循环 访 
问 通用 对 象 的 属性 , 但 是 与 for…in 循环 不 同 的 是 ，for each…in 循环 中 的 和 迭代 变量 包含 属性 所 
保存 的 值 ， 而 不 包含 属性 的 名 称 。 


代码 3.5 ”使 用 for each…in 循环 输出 对 象 的 属性 


上 述 代码 的 输出 结果 如 下 : 


如 果 对 象 是 密封 类 的 实例 ， 则 将 无 法 循环 访问 该 对 象 的 属性 。 即 使 是 动态 类 的 实例 ， 也 
无 法 循环 访问 任何 固定 属性 〈 即 作为 类 定义 的 一 部 分 定义 的 属性 )。 
for each…in 循环 可 以 循环 访问 XML 或 XMLList 对 象 ， 如 代码 3.6 所 示 。 


代码 3.6 ”使 用 for each…in 循环 输出 XML 中 的 元 素 


上 述 代码 的 输出 结果 如 下 : 


for each…in 循环 还 可 以 循环 访问 数组 中 的 元 素 ， 如 代码 3.7 所 示 。 
代码 3.7 ”使 用 for each…in 循环 输出 数组 中 的 元 素 


上 述 代 码 的 输出 结果 如 下 : 


ActionScript 3.0 面向 对 象 


第 年 章 


“内容 摘要 law 

ActionScript 3.0 是 一 种 面向 对 象 的 编程 语言 ， 即 使 是 最 基本 的 数据 类 型 ， 如 Boolean、 
Number 和 String 类 型 ， 都 属于 类 。 面 向 对 象 编程 是 一 种 功能 强大 的 程序 设计 方法 ， 也 可 以 说 
是 一 种 编程 思想 。 它 关注 应 用 程序 的 数据 和 处 理 数据 所 需要 的 方法 。 面 向 对 象 编程 技术 中 使 
用 了 传统 编程 技术 中 所 有 的 概念 ， 例 如 变量 、 过 程 或 函数 调用 ， 程 序 控制 结构 。 面 向 对 象 在 
传统 编程 基础 上 还 增加 了 新 的 概念 ， 例 如 多 态 、 继 承 、 封 装 等 。 

面向 对 象 程序 设计 以 “数据 控制 访问 代码 ”为 主要 原则 ， 围 绕 数据 来 组 织 程序 。 在 进行 
面向 对 象 编程 时 需要 定义 数据 和 作用 于 数据 上 的 方法 。 这 样 ， 数 据 类 型 可 以 精确 地 定义 出 哪 
种 类 型 的 操作 可 以 应 用 于 该 数据 。 类 、 对 象 和 方法 是 面向 对 象 编程 的 基础 。 在 类 中 定义 了 数 
据 和 实现 这 些 数据 的 代码 。 本 章 首先 阐述 了 面向 对 象 的 概念 ， 然 后 介绍 了 在 ActionSeript 3.0 
中 如 何 使 用 面向 对 象 ， 包 括 对 象 、 类 ， 包 、 命 名 空间 、 枚 举 类 ， 以 及 继承 和 接口 等 。 


学习 目标 owiectvs 


理解 面向 对 象 思想 
熟练 地 创建 类 和 对 象 
掌握 类 成 员 

能 够 熟练 地 定义 方法 和 调用 方法 
掌握 如 何 使 用 包 和 命名 空间 

了 解 包 和 命名 空间 的 异同 

了 解 枚 举 类 

掌握 类 的 继承 

了 解 接口 并 能 够 定义 和 实现 接口 


4.1 类 和 对 象 


Vvvvvyvyvyv 


Vv 


面向 对 象 程序 开发 是 一 种 软件 开发 思想 ， 它 将 数据 和 对 数据 的 操作 作为 一 个 相互 依赖 、 
不 可 分 割 的 整体 。 也 就 是 说 ， 把 对 数据 的 操作 作为 一 个 对 象 进行 处 理 ， 采 用 数据 抽象 和 信息 
隐蔽 技术 使 软件 开发 简单 化 。 这 种 思想 更 符合 人 们 的 思维 习惯 ， 有 助 于 控制 软件 的 复杂 性 ， 
提高 软件 的 生产 效率 ， 从 而 得 到 了 广泛 的 应 用 ， 已 经 成 为 目前 最 为 流行 的 一 种 软件 开发 方法 


第 1 篇 “Flex 基础 知识 篇 


之 一 。 在 面向 对 象 的 内 容 中 主要 涉及 到 对 象 、 类 及 传递 的 消息 等 ， 本 节 介绍 类 和 对 象 。 
4.1.1 面向 对 象 概述 


在 面向 对 象 的 语言 中 ， 一 切 皆 是 对 象 ， 一 个 对 象 就 代表 一 个 具体 的 功能 操作 。 也 可 以 说 
面向 对 象 编程 是 以 术语 对 象 来 模拟 现实 世界 ， 世 界 上 的 每 件 事物 都 可 以 模拟 为 对 象 ， 例 如 ， 
一 个 人 、 一 辆 汽车 等 。 我 们 不 需要 了 解 这 个 对 象 是 如 何 实现 某 个 操作 的 ， 只 需要 知道 该 对 象 
可 以 完成 哪个 操作 即 可 。 编 写 出 来 的 程序 只 不 过 是 由 对 象 堆 砌 而 成 的 ， 这 些 对 象 可 以 是 独立 
的 ， 也 可 以 是 从 另外 一 个 对 象 继承 过 来 的 ， 对 象 之 间 可 以 传递 消息 ， 并 通过 消息 来 改变 自身 
的 状态 。 

面向 对 象 思想 的 精 要 在 于 一 切 都 是 对 象 的 意义 。 软 件 开发 与 设计 是 围绕 着 开发 的 目标 进 
行 的 , 即 围绕 这 对 象 开发 设计 。 一 般 而 言 , 一 个 对 象 应 具有 属性 和 行为 , 以 现实 世界 为 例 ,，“ 人 ” 
作为 一 种 特殊 的 动物 ， 也 是 我 们 所 谓 的 “对 象 ”。 这 个 对 象 具 有 很 多 属性 ,例如 ， 姓 名、 身高 、 
体重 、 民 族 、 国 籍 、 出 生年 月 、 身 份 等 。 而 行为 呢 ， 可 以 是 行走 、 吃 饭 、 跑 步 、 乃 至 于 玩 游 
戏 、 踢 足球 。 然 而 对 象 也 有 特殊 的 情况 ， 或 者 只 具有 属性 ， 或 者 只 具有 行为 。 例 如 身份 证 ， 
可 能 只 具有 姓名 、 出 生年 月 、 籍 贯 、 身 份 证 号 和 性 别 等 属性 ， 而 没有 行为 。 

面向 对 象 思想 有 三 大 机 制 ， 也 可 以 说 是 类 《〈 把 数据 和 函数 包装 在 一 个 单独 的 单元 ， 成 为 
类 ) 的 三 大 机 制 ， 它 们 分 别 是 封装 、 继 承 和 多 态 。 下 面 详细 介绍 面向 对 象 思想 的 三 大 机 制 。 

封装 

一 般 来 说 封装 就 是 隐藏 类 的 数据 成 员 ， 只 向 外 提供 一 些 公用 的 操作 接口 ， 只 能 通过 这 些 
接口 来 操作 类 的 数据 成 员 ， 而 不 能 直接 对 这 些 数据 成 员 进行 赋值 、 改 变 等 操作 。 这 样 做 的 好 
处 在 于 如 果 选 择 直接 暴露 数据 成 员 ， 有 些 人 可 能 会 把 这 些 成 员 修改 为 非法 数据 导致 程序 出 错 。 
所 以 ， 封 装 操作 数据 成 员 的 细节 能 够 对 新 值 进 行 验证 或 者 其 他 操作 。 封 装 是 将 代码 及 其 处 理 
的 数据 绑 定 在 一 起 的 一 种 编程 机 制 ， 该 机 制 保证 了 程序 和 数据 都 不 受 外 部 干扰 且 不 被 误 用 。 

以 日 常 办 公用 的 计算 机 为 例 ， 可 以 考虑 计算 机 的 硬盘 。 硬 盘 作为 一 个 存储 数据 的 容器 ， 
它 是 如 何 存储 信息 ， 以 何 种 方式 存储 ， 对 这 些 都 不 需要 了 解 。 只 要 知道 是 用 来 存储 信息 的 
以 及 可 以 对 硬盘 进行 哪些 操作 即 可 。 当 然 ， 用 户 是 不 被 允许 去 破坏 硬盘 本 身 的 构造 的 。 

与 此 相同 的 观点 能 被 用 于 编程 。 封 装 代码 的 好 处 是 每 个 人 都 知道 怎么 访问 它 ， 但 却 不 必 
考虑 它 的 内 部 实现 细节 ， 也 不 必 害 怕 使 用 不 当 会 带 来 负面 影响 。 在 ActionScript 3.0 中 ， 最 基 
本 的 封装 单元 是 类 ， 一 个 类 被 定义 为 由 一 组 对 象 所 共享 的 行为 ， 一 个 类 的 每 个 对 象 均 包含 它 
所 定义 的 结构 与 行为 。 由 于 类 的 用 途 是 封装 复杂 性 ， 所 以 类 的 内 部 有 隐藏 实现 复杂 性 的 机 制 。 
ActionScript 3.0 中 提供 了 私有 和 公有 的 访问 模式 ,类 的 公有 接口 代表 外 部 的 用 户 应 该 知道 或 可 
以 知道 的 实现 细节 ， 私 有 的 方法 、 数 据 只 能 通过 该 类 的 成 员 方法 来 访问 。 这 样 可 以 确保 不 会 
发 生 关键 数据 被 修改 的 事情 。 

继承 

继承 是 面向 对 象 程序 设计 的 主要 特征 之 一 ， 它 可 以 让 开发 人 员 重 用 代码 ， 可 以 节省 程序 
设计 的 时 间 。 继 承 就 是 在 类 之 间 建 立 一 种 相交 关系 ， 使 得 新 定义 的 派生 类 的 实例 可 以 继承 已 
有 父 类 的 特征 和 能 力 ， 而 且 可 以 加 入 新 的 特性 或 者 是 修改 已 有 的 特性 建立 起 类 的 新 层次 。 继 
承 也 可 以 指 一 个 对 象 从 另 一 个 对 象 中 获得 属性 的 过 程 ， 它 支持 按 层次 分 类 的 概念 。 例 如 ， 公 
共 汽 车 是 汽车 的 一 种 ， 汽 车 又 是 车 的 一 种 ， 车 又 是 机 械 的 一 种 。 如 果 不 使 用 层次 的 概念 ， 每 
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个 对 象 都 需要 明确 定义 各 自 的 全 部 特征 ， 如 果 通 过 层次 分 类 方式 ， 一 个 对 象 只 需要 在 它 的 类 
中 定义 它 所 特有 的 属性 和 行为 ， 然 后 从 超 类 中 继承 通用 属性 。 因 此 ， 正 是 由 于 继承 机 制 ， 才 
使 得 一 个 对 象 可 以 成 为 一 个 通用 类 的 一 个 特定 实例 ， 一 个 深度 继承 的 子 类 将 继承 它 在 类 层次 
中 的 每 个 祖先 的 所 有 公有 属性 。 

继承 与 封装 可 以 互相 作用 从 而 提高 了 软件 模块 的 可 复 用 性 和 可 扩充 性 ， 还 可 以 提高 软件 
的 开发 效率 ， 也 能 够 利用 前 人 或 自己 以 前 的 开发 成 果 ， 同 时 在 自己 的 开发 过 程 中 还 能 够 有 足 O 
够 的 灵活 性 ， 不 拘泥 于 复 用 的 模块 。 例 如 ， 一 个 给 定 的 类 封装 了 某 些 属性 ， 它 的 任何 子 类 将 
会 含有 同样 的 属性 ， 另 加 各 个 子 类 所 特有 的 属性 。 这 是 面向 对 象 程序 在 复杂 性 上 呈 线 性 而 非 
几何 增长 的 一 个 重要 概念 ， 新 的 子 类 继承 其 所 有 祖先 的 所 有 公有 属性 ， 子 类 和 系统 中 的 其 他 
代码 不 会 产生 无 法 预料 的 交互 作用 。 

多 态 

同一 操作 作用 于 不 同 的 对 象 ， 可 以 有 不 同 的 解释 ， 产 生 不 同 的 执行 结果 ， 这 就 是 多 态 性 。 
多 态 性 通过 派生 类 覆盖 父 类 中 的 虚 函 数 型 方法 来 实现 。 多 态 性 分 为 两 种 ， 一 种 是 编译 时 的 多 
态 性 ， 一 种 是 运行 时 的 多 态 性 。 下 面 分 别 介绍 这 两 种 多 态 性 。 

编译 时 的 多 态 性 ”编译 时 的 多 态 性 是 通过 重 载 来 实现 的 。 对 于 非 虚 的 成 员 来 说 ， 系 统 
在 编译 时 ， 根 据 传递 的 参数 、 返 回 的 类 型 等 信息 决定 实现 何 种 操作 。 

运行 时 的 多 态 性 运行 时 的 多 态 性 就 是 指 直到 系统 运行 时 ， 才 根据 实际 情况 决定 实现 
何 种 操作 。ActionScript 3.0 中 运行 时 的 多 态 性 是 通过 重 写 虚 成 员 实现 。 

多 态 性 的 概念 经 常 被 说 成 是 “一 个 接口 ， 多 种 方法 ” 这 意味 着 可 以 为 一 组 相关 的 动作 设 
计 一 个 通用 的 接口 。 多 态 性 允许 同一 个 接口 被 同一 类 的 多 个 动作 使 用 ， 这 样 就 降低 了 程序 的 
复杂 性 。 选 择 应 用 于 每 一 种 情形 特定 的 动作 ( 即 类 中 的 方法 ) 是 编译 器 的 任务 ， 程 序 员 无 须 
手工 进行 选择 ， 只 需 记 住 并 且 使 用 通用 接口 即 可 。 

多 个 类 可 以 从 单个 父 类 “继承 ”。 通 过 继承 ， 类 在 父 类 所 在 的 同一 实现 中 接收 父 类 的 所 有 
方法 、 属 性 和 事件 。 这 样 ， 便 可 根据 需要 来 实现 附加 成 员 ， 而 且 可 以 重 写 虚 成 员 以 提供 不 同 
的 实现 。 这 里 要 注意 ， 继 承 类 也 可 以 实现 接口 ， 这 两 种 技术 不 是 互 斥 的 。ActionScript 3.0 通过 
继承 提供 多 态 性 。 对 于 小 规模 开发 任务 而 言 ， 这 是 一 个 功能 强大 的 机 制 ， 但 对 于 大 规模 系统 ， 
通常 会 存在 问题 。 过 分 强调 继承 驱动 的 多 态 性 一 般 会 导致 资源 大 规模 地 从 编码 转移 到 设计 ， 
这 对 于 缩短 总 的 开发 时 间 没 有 任何 帮助 。 

对 象 是 ActionScript 3.0 语言 的 核心 ， 是 ActionScript 3.0 语言 的 基本 构造 块 。 声 明 的 每 个 
变量 、 所 编写 的 每 个 函数 以 及 所 创建 的 每 个 类 实例 都 是 一 个 对 象 。 可 以 将 ActionScript 3.0 程 
序 视 为 一 组 执行 任务 、 响 应 事件 以 及 相互 通信 的 对 象 。 

熟悉 Java 或 C++ 中 面向 对 象 编程 (OOP) 思想 的 读者 ， 可 能 会 将 对 象 视 为 包含 以 下 两 类 
成 员 的 模块 : 存储 在 成 员 变量 或 属性 中 的 数据 ， 以 及 可 通过 方法 访问 的 行为 。ECMASecript 第 
4 版 草案 (ActionScript 3.0 所 基于 的 标准 ) 以 相似 但 稍 有 不 同 的 方式 定义 对 象 。 在 ECMAScript 
草案 中 ， 对 象 只 是 属性 的 集合 。 这 些 属性 是 一 些 容器 ， 除 了 保存 数据 ， 还 保存 函数 或 其 他 对 
象 。 以 这 种 方式 附加 到 对 象 的 函数 称 为 方法 。 

在 旧版 本 中 ， 高 级 ActionScript 程序 员 可 以 用 特殊 的 内 置 语言 元 素来 直接 操作 原型 链 。 现 
在 ， 由 于 ActionScript 语言 为 基于 类 的 编程 接口 提供 了 更 成 熟 的 实现 ， 因 此 其 中 的 许多 特殊 语 
言 元 素 ( 如 _proto 和 _ resolve) 不 再 是 该 语言 的 一 部 分 。 而 且 ， 内 部 继承 机 制 的 优化 还 排 
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除了 对 继承 机 制 的 直接 访问 ， 从 而 大 大 改善 了 Flash Player 的 性 能 。 
4.1.2 类 的 基本 概念 


通过 上 节 的 介绍 ， 了 解 到 对 象 是 客观 世界 具体 事物 的 实例 ， 而 类 是 客观 世界 的 具有 共同 
性 质 实 体 的 抽象 表示 。 也 可 以 说 类 是 对 象 的 抽象 和 概括 ， 是 封装 的 基本 单位 。 类 是 一 种 复杂 
的 数据 类 型 ， 它 是 将 不 同类 型 的 数据 和 与 这 些 数据 相关 的 操作 封装 在 一 起 的 集合 体 。 

具体 来 说 , ActionScript 3.0 的 类 是 一 种 对 数据 成 员 、 函 数 成 员 黎 套 类 型 进行 封装 的 数据 
结构 。 实 体 之 间 发 生 作用 的 实体 的 动作 抽象 为 类 的 方法 。 一 个 方法 作用 于 一 个 类 的 实体 (也 
可 以 说 是 类 的 对 象 ) 后 ， 实 体 的 状态 发 生 改变 ， 永 远 都 是 说 是 对 象 的 状态 发 生 改变 ， 而 很 少 
说 类 的 状态 发 生 改变 。 其 中 类 的 数据 成 员 可 以 是 常量 、 变 量 ， 函 数 成 员 可 以 是 方法 、 属 性 、 
索引 器 、 事 件 、 操 作 符 、 实 例 构建 器 、 静 态 构建 器 。 除 了 某 些 导 入 的 外 部 方法 ， 类 及 其 成 员 
在 ActionScript 3.0 中 的 声明 和 实现 通常 要 放 在 一 起 。 

类 是 ActionScript 3.0 中 功能 最 为 强大 的 数据 类 型 。 类 定义 了 数据 类 型 的 数据 和 行为 。 然 
后 ， 程 序 员 可 以 创建 作为 此 类 的 实例 的 对 象 。 类 支持 继承 ， 继 承 是 面向 对 象 编 程 的 基础 部 分 。 
创建 类 是 使 用 class 关键 字 来 定义 的 ， 如 下 面 的 例子 所 示 。 


public class Person 
{ 

// 此 处 定义 类 主体 
} 


早 在 ActionScript 1.0 中 ，ActionScript 程序 员 就 能 使 用 Function 对 象 创建 类 似 类 的 构造 函 
数 。 在 ActionScript 2.0 中 ,通过 使 用 class 和 extends 等 关键 字 , 添加 了 对 类 的 支持 。ActionScript 
3.0 不 但 继续 支持 ActionScript 2.0 中 引入 的 关键 字 , 而 且 还 添加 了 一 些 新 功能 ,如 通过 protected 
和 internal 修饰 符 增强 了 访问 控制 ， 通 过 final 和 override 修饰 符 增强 了 对 继承 的 控制 。 

如 上 代码 中 所 示 ， 关 键 字 class 前 面 的 修饰 符 为 访问 级 别 。 在 该 示例 中 ， 使 用 了 public， 
这 表示 任何 人 都 可 以 基于 该 类 创建 对 象 。 类 的 名 称 位 于 class 关键 字 的 后 面 ， 该 示例 的 类 名 称 
为 Person。 定 义 的 其 余部 分 是 类 的 主体 ， 用 于 定义 行为 和 数据 。 类 的 字段 、 属 性 、 方 法 和 事 
件 统称 为 “类 成 员 ”。 

在 该 示例 中 使 用 了 public 访问 修饰 符 ， 修 饰 符 用 于 修改 类 型 和 类 型 成 员 的 声明 ， 在 
ActionScript 3.0 中 除了 该 修饰 符 外 ， 还 有 其 他 类 修饰 符 。 表 4-1 中 列 出 了 类 的 修饰 符 。 


表 4-1 类 修饰 符 
修饰 符 说 明 修饰 符 说 明 
dynamic 允许 在 运行 时 向 实例 添加 属性 ”| internal (默认 ) 对 当前 包 内 的 引用 可 见 
final 不 得 由 其 他 类 扩展 public 对 所 有 位 置 的 引用 可 见 


使 用 internal 以 外 的 修饰 符 时 ， 必 须 显 式 包 含 该 修饰 符 才 能 获得 相关 的 行为 。 例 如 ， 如 果 
定义 类 时 未 包含 dynamic 修饰 符 ， 则 不 能 在 运行 时 向 类 实例 中 添加 属性 。 列 表 中 未 包含 名 为 
abstract 的 修饰 符 ， 这 是 因为 ActionScript 3.0 不 支持 抽象 类 。 同 时 ， 列 表 中 未 包含 名 为 private 
和 protected 的 修饰 符 。 这 两 个 修饰 符 只 在 类 成 员 定义 中 使 用 ， 不 可 以 应 用 于 类 本 身 。 


4.1.3 ”类 成 员 修饰 符 


类 的 成 员 包 括 变量 、 常 量 和 方法 ， 在 ActionScript 3.0 中 ， 提 供 了 可 以 与 类 的 任何 成 员 一 
起 使 用 的 修饰 符 ， 这 些 修饰 符 分 为 访问 控制 修饰 符 和 static 修饰 符 。 表 4-2 中 列 出 了 类 成 员 修 
饰 符 及 其 说 明 。 


表 4-2 类 成 员 修饰 符 

internal (默认 ) 对 同一 包 中 的 引用 可 见 
Private 对 同一 类 中 的 引用 可 见 
protected 对 同一 类 及 派生 类 中 的 引用 可 见 
public 对 所 有 位 置 的 引用 可 见 
static 指定 某 一 成 员 属于 该 类 ， 而 不 属于 该 类 的 实例 
override 覆盖 超 类 的 同名 方法 
final 禁止 子 类 覆盖 该 方法 

ActionScript 3.0 提供 了 4 个 特殊 的 修饰 符 , 来 控制 对 类 中 定义 成 员 的 访问 , public、 private、 


protected 和 internal 。 

使 用 public 修饰 符 可 使 某 一 成 员 在 脚本 的 任何 位 置 可 见 。 例 如 ， 要 使 某 个 方法 可 用 于 包 
外 部 的 代码 ， 必 须 使 用 public 修饰 符 声明 该 方法 。 这 适用 于 任何 成 员 ， 不 管 成 员 是 使 用 var、 
const 还 是 function 关键 字 声明 的 。 

使 用 Private 修饰 符 ， 可 使 某 一 成 员 ， 只 对 成 员 的 定义 类 中 的 调用 方 可 见 。 这 一 行为 不 同 
于 ActionScript 2.0 中 private 修饰 符 的 行为 ， 后 者 允许 子 类 访问 超 类 中 的 私有 成 员 。 另 一 处 明 
显 的 行为 变化 是 ， 能 否 在 运行 时 访问 。 在 ActionScript 2.0 中 ，private 关键 字 只 在 编译 时 禁止 
访问 ,运行 时 很 容易 避 开 它 。 在 ActionScript 3.0 中 ， 这 种 情况 不 复 存 在 ， 标 记 为 private 的 成 
员 在 编译 时 和 运行 时 都 不 可 用 。 

例如 ， 代 码 4.1 中 创建 了 名 为 PrivateExample 的 简单 类 ， 其 中 包含 一 个 私有 变量 ,然后 尝 
试 从 该 类 的 外 部 访问 该 私有 变量 。 在 ActionScript 2.0 中 ， 编 译 时 访问 被 禁止 ， 但 是 使 用 属性 
访问 运算 符 〈[]) 可 以 很 容易 地 避 开 ， 属 性 访问 运算 符 在 运行 时 《〈 而 不 是 编译 时 ) 执行 属性 
查找 。 


代码 4.1 使 用 属性 访问 运算 符 访问 私有 变量 
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在 ActionScript 3.0 中 使 用 严格 模式 时 ， 尝 试 使 用 点 运算 符 (myExample.privVar) 访问 私 
有 成 员 会 导致 编译 时 错误 。 和 否则 ， 会 在 运行 时 报告 错误 ， 就 像 使 用 属性 访问 运算 符 
(myExample["privVar"]) 一 样 。 

在 使 用 dynamic 修饰 符 声明 的 类 中 ， 尝 试 访问 私有 变量 时 ， 不 会 导致 运行 时 错误 ， 只 是 
变量 不 可 见 ，Flash Player 返回 值 为 undefined。 但 是 ， 如 果 在 严格 模式 下 使 用 点 运算 符 访问 私 
有 成 员 ， 则 会 发 生 编译 时 错误 。 代 码 4.2 与 代码 4.1 相同 ， 只 是 PrivateExample 类 被 声明 为 动 
态 类 。 


代码 4.2 修改 后 的 PrivateExample 类 


dynamic class PrivateExample 


{ 


Private Var privVar:String = "private variable"; 


} 


Var myExample:PrivateExample = new PrivateExample(); 


// 在 严格 模式 下 发 生 编译 时 错误 


trace (myExample.privVar); 

// 输出 : undefined 

trace (myExample["privVar"]); 

当 类 外 部 的 代码 尝试 访问 private 成 员 时 ,动态 类 通常 会 返回 值 undefined， 而 不 是 生成 错 
误 。 表 4-3 说 明了 只 有 在 严格 模式 下 ， 使 用 点 运算 符 访问 private 成 员 时 才 会 生成 错误 。 


表 4-3 类 外 部 的 代码 访问 private 成 员 时 ， 不 同 运算 符 返 回 的 值 


运算 符 严格 模式 标准 模式 
点 运算 符 (.) 编译 时 错误 undefined 
中 括号 运算 符 〈[) undefined undefined 


protected 修饰 符 是 ActionScript 3.0 的 新 增 修饰 符 ， 可 使 成 员 对 所 属 类 或 子 类 中 的 调用 方 
可 见 。 换 句 话说 ，protected 成 员 在 所 属 类 中 可 用 ， 或 者 在 继承 层次 结构 中 ， 该 类 下 面 的 类 中 
可 用 。 无 论 子 类 在 同一 包 中 还 是 在 不 同 包 中 ， 这 一 点 都 适用 。 

对 于 熟悉 ActionScript 2.0 的 用 户 而 言 , 此 功能 类 似 于 ActionScript 2.0 中 的 private 修饰 符 。 
ActionScript 3.0 中 的 protected 修饰 符 还 类 似 于 Java 中 的 protected 修饰 符 ， 不同 之 处 在 于 , 在 
Java 中 ， 该 protected 成 员 还 允许 访问 同一 包 中 的 调用 方 。 如 果 存 在 子 类 需要 的 变量 或 方法 ， 
但 要 对 继承 链 外 部 的 代码 隐藏 该 变量 或 方法 ， 此 时 protected 修饰 符 会 很 有 用 。 

internal 修饰 符 是 ActionScript 3.0 的 新 增 修饰 符 ， 可 使 成 员 对 所 在 包 中 的 调用 方 可 见 。 该 
修饰 符 是 包 中 代码 的 默认 修饰 符 。 

internal 修饰 符 与 Java 中 的 默认 访问 控制 相似 , 不 过 , 在 Java 中 该 访问 级 别 没有 明确 的 名 
称 ， 只 能 通过 省 略 所 有 其 他 访问 修饰 符 来 实现 。ActionScript 3.0 中 提供 的 internal 修饰 符 ， 旨 
在 为 程序 员 提 供 一 个 明确 表达 自己 意图 的 选项 ， 以 使 成 员 仅 对 所 在 包 中 的 调用 方 可 见 。 

static 修饰 符 可 以 与 用 var、const 或 function 关键 字 声明 的 那些 成 员 一 起 使 用 ， 使 用 该 修 
饰 符 可 将 成 员 附加 到 类 而 不 是 类 的 实例 。 类 外 部 的 代码 必须 使 用 类 名 而 不 是 使 用 实例 名 》 
调用 静态 成 员 。 


静态 属性 不 由 子 类 继承 ， 但 是 这 些 属性 是 子 类 作用 域 链 中 的 一 部 分 。 这 意味 着 在 子 类 体 
中 ， 不 必 引 用 在 其 中 定义 静态 变量 或 方法 的 类 ， 就 可 以 使 用 静态 变量 或 方法 。 


4.1.4 定义 方法 


方法 是 类 定义 中 的 函数 。 创 建 类 的 一 个 实例 后 ， 该 实例 就 会 捆绑 一 个 方法 。 与 在 类 外 部 
声明 的 函数 不 同 ， 不 能 将 方法 与 附加 方法 的 实例 分 开 使 用 。 
方法 是 使 用 function 关键 字 定 义 的 。 可 以 使 用 函数 语句 定义 ， 如 下 所 示 。 


或 者 ， 也 可 以 使 用 分 配 了 函数 表达 式 的 变量 ， 如 下 所 示 。 


多 数 情 况 下 ， 需 要 使 用 函数 语句 而 不 是 函数 表达 式 ， 原 因 如 下 。 

@ 函数 语句 更 为 简洁 易 读 。 

@ 函数 语句 允许 使 用 override 和 final 关键 字 。 有 关 详 细 信息 ， 请 参阅 覆盖 方法 。 

@ 函数 语句 在 标识 符 ( 即 函数 名 ) 与 方法 体 代码 之 间 创 建 了 更 强 的 绑 定 。 由 于 可 以 使 用 
赋值 语句 更 改变 量 值 , 可 随时 断 开 变量 与 其 函数 表达 式 之 间 的 连接 。 虽然 可 通过 使 用 const (不 
是 var) 声明 变量 来 解决 这 个 问题 , 但 这 种 方法 并 不 是 最 好 的 做 法 ， 因 为 这 会 使 代码 难以 阅读 ， 
还 会 禁止 使 用 override 和 final 关键 字 。 


构造 函数 是 与 在 其 中 定义 函数 的 类 共用 同一 名 称 的 函数 。 只 要 使 用 new 关键 字 创建 了 类 
实例 ， 就 会 执行 构造 函数 方法 中 包括 的 所 有 代码 。 例 如 ， 代 码 4.3 中 定义 名 为 Example 的 简单 
类 ， 该 类 包含 名 为 status 的 属性 。status 变量 的 初始 值 是 在 构造 函数 中 设置 的 。 


代码 4.3 ”在 构造 函数 设置 属性 


代码 4.3 的 输出 结果 如 下 所 示 。 


第 1 篇 “Flex 基础 知识 篇 


构造 函数 只 能 是 公共 方法 ， 也 就 是 只 能 使 用 public 修饰 符 。 不 能 对 构造 函数 使 用 任何 其 
他 访问 控制 修饰 符 ( 包 括 private、protected 或 internal)。 

构造 函数 ， 可 以 使 用 super0 语 句 显 式 地 调用 其 直接 超 类 的 构造 函数 。 如 果 未 显 式 调用 超 
类 构造 函数 ， 编 译 器 会 在 构造 函数 体 中 的 第 一 条 语句 前 自动 插入 一 个 调用 。 还 可 以 使 用 super 
前 级 作为 对 超 类 的 引用 , 来 调用 超 类 的 方法 。 如 果 决 定 在 同一 构造 函数 中 使 用 super0 和 super， 
务必 先 调用 super()。 否 则 ，super 引用 的 行为 将 会 与 预期 不 符 。 另 外 ，super0 构 造 函 数 也 应 在 
throw 或 retum 语句 之 前 调用 。 

代码 4.4 说 明 如 果 在 调用 super0 构 造 函 数 之 前 尝试 使 用 super 引用 ， 将 会 产生 错误 。 新 类 
ExampleEx 扩展 了 Example 类 。ExampleExO 构 造 函数 ,尝试 访问 在 其 超 类 中 定义 的 状态 变量 ， 
但 访问 是 在 调用 super0 之 前 进行 的 。ExampleExO 构 造 函数 中 的 traceO 语 句 生 成 了 null 值 ， 原 
因 是 status 变量 在 super0 构 造 函数 执行 之 前 不 可 用 。 


代码 4.4 在 调用 super() 构 造 函数 之 前 使 用 super 引用 


class ExampleEx extends Example 
{ 
public function ExampleEx() 
{ 
trace (super.status); 
super (); 
} 
j 


Var mySample:ExampleEx = new ExampleEx(); 


虽然 在 构造 函数 中 使 用 returm 语句 是 合法 的 ， 但 是 不 允许 返回 值 。 换 句 话说 ，return 语句 
不 得 有 相关 的 表达 式 或 值 。 因 此 ， 不 允许 构造 函数 方法 返回 值 ， 这 意味 着 不 可 以 指定 任何 返 
回 值 。 

如 果 没 有 在 类 中 定义 构造 函数 方法 ， 编 译 器 将 会 自动 创建 一 个 空 构造 函数 。 如 果 某 个 类 
扩展 了 另 一 个 类 ， 编 译 器 将 会 在 所 生成 的 构造 函数 中 包括 superO 调 用 。ActionScript 3.0 不 支 
持 对 构造 函数 的 重 载 。 


[ 2. 静态 方法 


静态 方法 也 叫 作 类 方法 ， 是 使 用 static 修饰 符 声明 的 方法 。 静 态 方法 附加 到 类 而 不 是 类 的 
实例 ， 因 此 在 封装 对 单个 实例 的 状态 以 外 的 内 容 有 影响 的 功能 时 ， 静 态 方法 很 有 用 。 由 于 静 
态 方法 附加 到 整个 类 ， 所 以 只 能 通过 类 访问 静态 方法 ， 而 不 能 通过 类 实例 访问 。 

静态 方法 为 封装 所 提供 的 功能 ， 不 仅仅 在 影响 类 实例 状态 的 方面 。 换 名 话说， 如 果 方 法 
提供 的 功能 对 类 实例 的 值 没有 直接 的 影响 , 该 方法 应 是 静态 方法 。 例 如, Date 类 具有 名 为 parseO 
的 静态 方法 ， 它 接收 字符 串 并 将 其 转换 为 数字 。 该 方法 就 是 静态 方法 ， 因 为 它 并 不 影响 类 的 
单个 实例 。 而 parse() 方 法 使 用 表示 日 期 值 的 字符 串 分 析 该 字符 串 ， 然 后 使 用 与 Date 对 象 的 内 
部 表示 形式 兼容 的 格式 返回 一 个 数字 。 此 方法 不 是 实例 方法 ， 因 为 将 该 方法 应 用 到 Date 类 的 
实例 并 没有 任何 意义 。 


将 静态 parse() 方 法 与 Date 类 的 一 个 实例 方法 (如 getMonthO) 相 比 较 。getMonth() 方 法 是 
一 个 实例 方法 ， 因 为 它 通过 检索 Date 实例 的 特定 对 象 ， 即 month， 对 实例 值 直接 执行 操作 。 

由 于 静态 方法 不 绑 定 到 单个 实例 , 因此 不 能 在 静态 方法 体 中 使 用 关键 字 this 或 super。 this 
和 super 这 两 个 引用 只 在 实例 方法 上 下 文中 有 意义 。 


© 与 其 他 基于 类 的 编程 语言 不 同 ，ActionScript 3.0 中 的 静态 方法 不 可 以 继承 。 


实例 方法 指 的 是 不 使 用 static 修饰 符 声 明 的 方法 。 实 例 方法 附加 到 类 实例 而 不 是 整个 类 ， 
在 实现 对 类 的 各 个 实例 有 影响 的 功能 时 ， 实 例 方法 很 有 用 。 例 如 ，Array 类 包含 名 为 sort0 的 
实例 方法 ， 该 实例 方法 直接 对 Array 实例 执行 操作 。 

在 实例 方法 体 中 ， 静 态 变 量 和 实例 变量 都 在 作用 域 中 ， 这 表示 使 用 一 个 简单 的 标识 符 可 
以 引用 同一 类 中 定义 的 变量 ,例如 , 代码 4.5 中 , 类 CustomArray 扩展 了 Array 类 。 CustomArray 
类 定义 一 个 名 为 arrayCountTotal 的 静态 变量 (用 于 跟踪 类 实例 总 数 )、 一 个 名 为 arrayNumber 
实例 变量 (用 于 跟踪 创建 实例 的 顺序 ) 和 一 个 名 为 getPosition0 的 实例 方法 (用 于 返回 这 两 个 
变量 的 值 )。 


代码 4.5 ”实例 方法 中 的 变量 


虽然 类 外 部 的 代码 必须 使 用 CustomArray.arrayCountTotal 通过 类 对 象 来 引用 
arrayCountTotal 静态 变量 ， 但 是 位 于 getPosition() 方 法 体 中 的 代码 可 以 直接 引用 。 即 使 对 于 超 
类 中 的 静态 变量 ， 这 一 点 也 适用 。 虽 然 在 ActionScript 3.0 中 不 继承 静态 成 员 ， 但 是 超 类 的 静 
态 成 员 在 作用 域 中 。 例如 ，Array 类 有 几 个 静态 变量 , 其 中 一 个 是 名 为 DESCENDING 的 常量 。 
位 于 Array 子 类 中 的 代码 可 以 使 用 一 个 简单 的 标识 符 ， 来 引用 静态 常量 DESCENDING， 如 代 
码 4.6 所 示 。 


代码 4.6 实例 方法 中 引用 超 类 的 静态 成 员 
~ puplicclass CustomArray extends Array 


代码 4.6 的 输出 结果 如 下 所 示 。 
ARE 


实例 方法 体 中 的 this 引用 的 值 是 对 方法 所 附加 实例 的 引用 。 代码 4.7 说 明 this 引用 指向 包 
含 方法 的 实例 。 


代码 4.7 this 引用 指向 包含 方法 的 实例 
代码 4.7 的 输出 结果 如 下 所 示 。 


使 用 关键 字 override 和 final 可 以 控制 实例 方法 的 继承 。 可 以 使 用 override 修饰 符 重新 定 
义 继承 的 方法 ， 以 及 使 用 final 修饰 符 禁 止 子 类 覆盖 方法 。 


4，get 和 set 存 取 器 方法 “， 


get 和 set 存 取 器 方法 也 称 为 getter 和 setter， 可 以 使 用 这 些 函 数 为 创建 的 类 提供 易于 使 用 
的 编程 接口 ， 并 遵循 信息 隐藏 和 封装 的 编程 原则 。 使 用 get 和 set 函数 可 保持 类 的 私有 属性 ， 
但 允许 类 用 户 访问 这 些 属性 ， 就 像 它们 在 访问 类 变量 而 不 是 调用 类 方法 一 样 。 

这 种 方法 的 好 处 是 , 可 避免 出 现 具 有 不 实用 名 称 的 传统 存 取 器 方法 , 如 getPropertyNameO 
和 setPropertyName()。getter 和 setter 的 另 一 个 好 处 是 ， 可 避免 允许 进行 读 写 访问 的 每 个 属性 ， 
有 两 个 面向 公共 的 函数 。 

代码 4.8 中 ， 类 名 为 GetSet， 其 中 包含 名 为 publicAccess(O) 的 get 和 set 存 取 器 方法 ， 用 于 
提供 对 名 为 privateProperty 的 私有 变量 的 访问 。 


代码 4.8 创建 get 和 set 存 取 器 方法 


如 果 尝 试 直接 访问 属性 privateProperty， 将 会 发 生 错误 ， 如 下 所 示 。 


程序 员 使 用 GetSet 类 的 publicAccess 方法 ， 实 际 上 是 对 名 为 privateProperty 的 private 属 
性 执行 的 一 对 get 和 set 存 取 器 方法 。 代码 4.9 将 实例 化 GetSet 类 , 然后 使 用 名 为 publicAccess 
的 公共 存 取 器 ， 设 置 privateProperty 的 值 。 


代码 4.9 ”调用 存 取 器 方法 


代码 4.9 的 输出 结果 如 下 所 示 : 


使 用 存 取 器 方法 ， 还 可 以 覆盖 从 超 类 继承 来 的 属性 ， 这 是 使 用 常规 类 成 员 变 量 时 不 能 做 
到 的 。 在 子 类 中 不 能 覆盖 使 用 var 关键 字 声 明 的 类 成 员 变 量 。 但是, 使 用 存 取 器 方法 创建 的 属 
性 没有 此 限制 。 可 以 对 从 超 类 继承 的 存 取 器 方法 使 用 override 修饰 符 。 


绑 定 方法 有 时 也 叫 作 闭 包 方法 ， 这 种 方法 作为 参数 传递 给 函数 ， 或 作为 值 从 函数 返回 。 
在 ActionScript 3.0 中 ， 新 增 的 绑 定 方法 类 似 于 闭 包 函 数 ， 其 中 保留 了 词汇 环境 ， 即 使 从 其 实 
例 中 提取 出 来 也 是 如 此 。 绑 定 方法 与 闭 包 函 数 之 间 的 主要 不 同 差别 是 ， 绑 定 函 数 的 this 引用 ， 
保留 到 实现 方法 的 实例 的 链接 或 绑 定 。 换 名 话说， 绑 定 方法 中 的 this 引用 ， 总 是 指向 实现 方 
法 的 原始 对 象 。 对 于 闭 包 函 数 ，this 引用 是 通用 的 ， 这 意味 着 调用 函数 时 ， 该 引用 指向 与 函数 
关联 的 任何 对 象 。 

如 果 使 用 this 关键 字 ， 了 解 绑 定 方法 就 很 重要 。 重 新 调用 this 关键 字 可 提供 对 方法 父 对 
象 的 引用 。 大 多 数 ActionScript 程序 员 都 希望 this 关键 字 总 是 引用 包含 方法 定义 的 对 象 或 类 。 
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但 是 ， 如 果 不 使 用 绑 定 方法 ， 并 不 总 是 做 到 这 样 。 例 如 ， 在 以 前 版 本 的 ActionScript 中 ，this 
引用 并 不 总 是 引用 实现 方法 的 实例 。 从 ActionScript 2.0 的 实例 中 提取 方法 后 ， 不 但 this 引用 
不 绑 定 到 原始 实例 ， 而 且 实例 类 的 成 员 变 量 和 方法 也 不 可 用 。 在 ActionScript 3.0 中 不 存在 这 
样 的 问题 ， 这 是 因为 将 方法 当 作 参数 传递 时 会 自动 创建 绑 定 方法 。 绑 定 方法 用 于 确保 this 关 
键 字 总 是 引用 在 其 中 定义 了 方法 的 对 象 或 类 。 

代码 4.10 定义 了 名 为 ThisTest 的 类 ， 该 类 包含 一 个 名 为 foo0 的 方法 〈 该 方法 定义 为 绑 定 
方法 ) 和 一 个 名 为 bar0 的 方法 (该 方法 返回 绑 定 方法 )。 类 外 部 的 代码 创建 ThisTest 类 的 实例 ， 
然后 调用 bar() 方 法 ， 最 后 将 返回 值 存储 在 名 为 myFunc 的 变量 中 。 


代码 4.10 “定义 和 返回 绑 定 方法 


代码 4.10 的 输出 结果 如 下 所 示 。 


代码 4.10 的 最 后 两 行 表 明 : 虽然 前 一 行 中 的 this 引用 指向 全 局 对 象 ， 但 绑 定 方法 fpo0 中 
的 this 引用 仍然 指向 ThisTest 类 的 实例 。 另 外 ,存储 在 myFunc 变量 中 的 绑 定 方法 仍然 可 以 访 
问 ThisTest 类 的 成 员 变量 。 如 果 代码 4.10 在 ActionScript 2.0 中 运行 , this 引用 会 匹配 , 但 num 
变量 将 为 undefined。 

绑 定 方法 最 值得 注意 的 一 种 情况 是 使 用 事件 处 理 函数 ， 因 为 addEventListener() 方 法 要 求 
将 函数 或 方法 作为 参数 来 传递 。 


4.1.5 定义 属性 


属性 是 提供 对 对 象 或 类 的 特性 进行 访问 的 成 员 。 可 以 使 用 var 或 const 关键 字 声 明 属性 。 
在 脚本 的 整个 执行 过 程 中 ， 使 用 var 关键 字 声 明 的 属性 可 多 次 更 改 其 值 。 使 用 const 关键 字 声 
明 的 属性 值 称 为 常量 ， 只 能 赋值 一 次 。 尝 试 给 已 初始 化 的 常量 分 配 新 值 ， 将 生成 错误 。 


静态 变量 是 使 用 static 修饰 符 和 var 或 const 语句 共同 声明 的 。 静 态 变 量 附加 到 类 而 不 是 
类 的 实例 ， 对 于 存储 和 共享 应 用 于 对 象 的 整个 类 的 信息 非常 有 用 。 例 如 ， 当 要 保存 类 实例 化 
的 总 次 数 或 者 要 存储 允许 的 最 大 类 实例 数 ， 使 用 静态 变量 比较 合适 。 

下 面 的 示例 创建 一 个 totalCount 变量 〈 用 于 跟踪 类 实例 化 次 数 ) 和 一 个 MAX NUM 常量 
(用 于 存储 最 大 实例 化 数 )。totalCount 和 MAX _NUM 这 两 个 属性 是 静态 变量 ， 因 为 它们 包含 
的 值 应 用 于 整个 类 ， 而 不 是 某 个 特定 实例 。 


StaticVars 类 及 其 任何 子 类 外 部 的 代码 只 能 通过 该 类 本 身 来 引用 totalCount 和 MAX_NUM 
属性 。 例 如 ， 以 下 代码 输出 的 结果 为 0 和 16。 


不 能 通过 类 实例 访问 静态 变量 ， 以 下 代码 会 返回 错误 。 


必须 在 声明 常量 的 同时 ， 初 始 化 使 用 static 和 const 修饰 符 声明 的 变量 ， 就 像 StaticVars 
类 初始 化 MAX NUM 那样 。 不 能 为 构造 函数 或 实例 方法 中 的 MAX_NUM 赋值 。 以 下 代码 会 
生成 错误 ， 因 为 它 不 是 初始 化 静态 常量 的 有 效 方法 。 


实例 变量 包括 使 用 var 和 const 语句 ， 但 未 使 用 static 修饰 符 声 明 的 属性 。 实 例 变量 附加 
到 类 实例 而 不 是 整个 类 ， 对 于 存储 特定 于 实例 的 值 很 有 用 。 例 如 ，Array 类 有 一 个 名 为 length 
的 实例 属性 ， 用 来 存储 Array 类 的 特定 实例 保存 的 数组 元 素 的 个 数 。 

不 能 覆盖 子 类 中 声明 为 var 或 const 的 实例 变量 。 但 是 ， 通 过 覆盖 get 和 set 存 取 器 方法 ， 
可 以 实现 类 似 于 覆盖 变量 的 功能 。 


4.2 包 和 命名 空间 


包 和 命名 空间 是 两 个 相关 的 概念 。 使 用 包 ， 可 以 以 有 利于 共享 代码 ， 并 尽 可 能 减少 命名 
冲突 的 方式 将 多 个 类 定义 捆绑 在 一 起 。 使 用 命名 空间 可 以 控制 标识 符 〈 如 属性 名 和 方法 名 ) 
的 可 见 性 。 无 论 命名 空间 位 于 包 的 内 部 还 是 外 部 ， 都 可 以 应 用 于 代码 。 包 可 用 于 组 织 类 文件 ， 
命名 空间 可 用 于 管理 各 个 属性 和 方法 的 可 见 性 。 


4.2.1 包 


在 ActionScript 3.0 中 ， 包 是 用 命名 空间 实现 的 ， 但 包 和 命名 空间 并 不 同 义 。 在 声明 包 时 ， 
可 以 隐 式 创建 一 个 特殊 类 型 的 命名 空间 并 保证 它 在 编译 时 是 已 知 的 。 显 式 创 建 的 命名 空间 在 
编译 时 不 必 是 已 知 的 。 

代码 4.11 中 ， 使 用 package 指令 ， 来 创建 一 个 包含 单个 类 的 简单 包 。 


代码 4.11 使 用 package 指令 创建 包 


在 代码 4.1 中 , 该 类 的 名 称 是 SampleCode。 由 于 该 类 位 于 samples 包 中 ， 因 此 编译 器 在 编 
译 时 ， 会 自动 将 其 类 名 称 限定 为 完全 限定 名 称 : samples.SampleCode。 编 译 器 还 限定 任何 属性 
或 方法 的 名 称 ， 以 使 sampleGreeting 和 sampleFunction0 分 别 变 成 samples.SampleCode. 
sampleGreeting 和 samples.SampleCode.sampleFunction() 。 

许多 开发 人 员 (尤其 是 那些 具有 Java 编程 背景 的 人 ) 可 能 会 选择 只 将 类 放 在 包 的 顶级 。 


# 人 = 


ActionScript 3.0 面向 对 象 


但 是 ，ActionScript 3.0 不 但 支持 将 类 放 在 包 的 顶级 ， 而 且 还 支持 将 变量 、 函 数 甚 至 语句 放 在 包 
的 项 级。 此 功能 的 一 个 高 级 用 法 是 ， 在 包 的 顶级 定义 一 个 命名 空间 ， 以 便 它 对 于 该 包 中 的 所 
有 类 均 可 用 。 但 是 ,请 注意 ， 在 包 的 顶级 只 人 允许 使 用 两 个 访问 说 明 符 : public 和 internal。Java 
多 许 将 嵌 套 类 声明 为 私有 ， 而 ActionScript 3.0 则 不 同 ， 它 既 不 支持 嵌 套 类 也 不 支持 私有 类 。 

但 是 ， 在 其 他 许多 方面 ，ActionScript 3.0 中 的 包 与 Java 编程 语言 中 的 包 非 常 相 似 。 从 代 
码 4.11 可 以 看 出 ， 完 全 限定 的 包 ， 应 用 点 运算 符 〈.) 来 表示 ， 这 与 Java 相同 。 可 以 用 包 将 代 [91) 
码 组 织 成 直观 的 分 层 结构 ， 以 供 其 他 程序 员 使 用 。 这 样 ， 就 可 以 将 自己 所 创建 的 包 与 他 人 共 
享 ， 还 可 以 在 自己 的 代码 中 使 用 他 人 创建 的 包 ， 从 而 推动 了 代码 共享 。 

使 用 包 还 有 助 于 确保 所 使 用 的 标识 符 名 称 是 唯一 的 ， 而 且 不 与 其 他 标识 符 名 称 冲 突 。 事 
实 上 ， 有 些 人 认为 这 才 是 包 的 主要 优点 。 例 如 ， 假 设 两 个 希望 相互 共享 代码 的 程序 员 各 创建 
了 一 个 名 为 SampleCode 的 类 。 如 果 没 有 包 ， 就 会 造成 名 称 冲 突 ， 唯 一 的 解决 方法 就 是 重 命名 
其 中 的 一 个 类 。 但 是 ， 使 用 包 就 可 以 将 其 中 的 一 个 〈 最 好 是 两 个 ) 类 放 在 具有 唯一 名 称 的 包 
中 ， 从 而 轻松 地 避免 了 名 称 冲突 。 

还 可 以 在 包 名 称 中 嵌入 点 来 创建 嵌 套 包 , 这 样 就 可 以 创建 包 的 分 层 结构 。Flash Player API 
提供 的 flash.xml 包 就 是 一 个 很 好 的 例子 。flash.xml 包 赚 套 在 Flash 包 中 。 

flash.xml 包 中 包含 在 早期 的 ActionScript 版 本 中 使 用 的 旧 XML 分 析 器 。 该 分 析 器 现在 之 
所 以 包含 在 flash.xml 包 中 ， 原因 之 一 是 ， 旧 XML 类 的 名 称 与 一 个 新 XML 类 的 名 称 冲突 ， 这 
个 新 XML 类 实现 ActionScript 3.0 中 的 XML for ECMAScript (E4X) 规 范 功能 。 

尽管 首先 将 旧 的 XML 类 移入 包 中 是 一 个 不 错 的 主意 ， 但 是 使 用 旧 XML 类 的 用 户 ， 都 必 
须 导入 flash.xml 包 。 这 样 , 使 用 旧 XML 类 ,除非 总 是 记得 其 完全 限定 名 称 (flash.xml.XML)， 
否则 同样 会 造成 名 称 冲突 。 为 避免 这 种 情况 ， 现 在 已 将 旧 XML 类 ， 命 名 为 XMLDocument， 
如 下 面 的 代码 所 示 。 


package flash.xml 

{ 
class XMLDocument {} 
class XMLNode {} 
class XMLSocket {} 


大 多 数 Flash Player API 都 划分 到 flash 包 中 。 例 如 ，flash.display 包 中 包含 显示 列表 API， 
flash.events 包 中 包含 新 的 事件 模型 。 

站 a 创建 包 ny 
ActionScript 3.0 在 包 、 类 和 源 文 件 的 组 织 方式 上 具有 很 大 的 灵活 性 。 早 期 的 ActionScript 
版 本 只 允许 每 个 源 文 件 有 一 个 类 , 而 且 要 求 源 文件 的 名 称 与 类 名 称 匹配 。ActionSeript 3.0 允许 
在 一 个 源 文件 中 包括 多 个 类 ， 但 是 ， 每 个 文件 中 只 有 一 个 类 可 供 该 文件 外 部 的 代码 使 用 。 换 
言 之 ， 每 个 文件 中 只 有 一 个 类 可 以 在 包 中 进行 声明 。 必 须 在 包 定 义 的 外 部 声明 其 他 任何 类 ， 
以 使 这 些 类 对 于 该 源 文件 外 部 的 代码 不 可 见 。 在 包 中 声明 类 的 名 称 必须 与 源 文件 的 名 称 匹 配 。 

ActionScript 3.0 在 包 的 声明 方式 上 也 具有 更 大 的 灵活 性 。 在 早期 的 ActionScript 版 本 中 ， 
包 只 是 表示 可 用 来 存放 源 文件 的 目录 , 不 必用 package 语句 来 声明 包 , 而 是 在 类 声明 中 将 包 名 
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称 包 括 在 完全 限定 的 类 名 称 中 。 在 ActionScript 3.0 中 ， 尽 管 包 仍 表示 目录 ， 但 是 它 现在 不 只 
包含 类 。 在 ActionScript 3.0 中 ， 使 用 package 语句 来 声明 包 ， 这 意味 着 还 可 以 在 包 的 顶级 声 
明 变 量 、 函 数 和 命名 空间 ， 甚 至 还 可 以 在 包 的 顶级 包括 可 执行 语句 。 如 果 在 包 的 顶级 声明 变 
量 、 函 数 或 命名 空间 ， 则 在 顶级 只 能 使 用 public 和 internal 修饰 符 ， 并 且 每 个 文件 中 只 能 有 一 
个 包 级 声明 使 用 public 修饰 符 〈 无 论 该 声明 是 类 声明 、 变 量 声明 、 函 数 声明 还 是 命名 空间 声 
明 )。 

包 的 作用 是 组 织 代码 并 防止 名 称 冲 突 。 不 应 将 包 的 概念 与 类 继承 这 一 不 相关 的 概念 混淆 。 
位 于 同一 个 包 中 的 两 个 类 具有 共同 的 命名 空间 ， 但 是 它们 在 其 他 任何 方面 都 不 必 相 关 。 


( 2. 导入 包 


如 果 希 望 使 用 位 于 某 个 包 内 部 的 特定 类 ， 则 必须 导入 该 包 或 该 类 。 这 与 ActionScript 2.0 
不 同 ， 在 ActionScript 2.0 中 ， 类 的 导入 是 可 选 的 。 

以 代码 4.11 中 的 SampleCode 类 为 例 。 如 果 该 类 位 于 名 为 samples 的 包 中 ， 那 么 ， 在 使 用 
SampleCode 类 之 前 ， 必 须 使 用 下 列 导 入 语句 之 一 : 


import samples.*; 
或 者 只 导入 SampleCode 类 : 
import samples.SampleCode; 


通常 ，import 语句 越 具 体 越 好 。 如 果 只 打算 使 用 samples 包 中 的 SampleCode 类 ， 则 应 只 
导入 SampleCode 类 , 而 不 应 导入 该 类 所 属 的 整个 包 。 导入 整个 包 可 能 会 导致 意外 的 名 称 冲 突 。 

还 必须 将 定义 包 或 类 的 源 代码 放 在 类 路 径 内 部 。 类 路 径 是 用 户 定义 的 本 地 目录 路 径 列表 ， 
它 决定 了 编译 器 将 在 何 处 搜索 导入 的 包 和 类 。 类 路 径 有 时 称 为 生成 路 径 或 源 路 径 。 

在 正确 地 导入 类 或 包 之 后 ， 可 以 使 用 类 的 完全 限定 名 称 〈samples.SampleCode)， 也 可 以 
只 使 用 类 名 称 本 身 (SampleCode)。 

当 同 名 的 类 、 方 法 或 属性 会 导致 代码 不 明确 时 ， 完 全 限定 的 名 称 是 非常 有 用 的 。 但 是 ， 
如 果 将 它 用 于 所 有 的 标识 符 ， 则 会 使 代码 变 得 难以 管理 。 例 如 ， 在 实例 化 SampleCode 类 的 实 
例 时 ， 使 用 完全 限定 的 名 称 会 导致 代码 元 长 ， 如 下 代码 所 示 。 


Var mySample:samples.SampleCode = new samples.SampleCode(); 


包 的 嵌 套 级 别 越 高 ， 代 码 的 可 读 性 越 差 。 如 果 确信 不 明确 的 标识 符 不 会 导致 问题 ， 就 可 
以 通过 使 用 简单 的 标识 符 ， 来 提高 代码 的 可 读 性 。 例如， 如 果 在 实例 化 SampleCode 类 的 新 实 
例 时 仅 使 用 类 标识 符 ， 代 码 就 会 简短 得 多 ， 如 下 代码 所 示 。 


Var mySample:SampleCode = new SampleCode(); 


如 果 尝 试 使 用 标识 符 名 称 ， 而 不 先导 入 相应 的 包 或 类 ， 编 译 器 将 找 不 到 类 定义 。 另 一 方 
面 ， 即 便 导 入 了 包 或 类 ， 只 要 尝试 定义 的 名 称 与 所 导入 的 名 称 冲 突 ， 就 会 产生 错误 。 

创建 包 时 ， 该 包 的 所 有 成 员 的 默认 访问 说 明 符 是 internal。 这 意味 着 ， 默 认 情况 下 ， 包 成 
员 仅 对 其 所 在 包 的 其 他 成 员 可 见 。 如 果 希 望 某 个 类 对 包 外 部 的 代码 可 用 ， 则 必须 将 该 类 声明 
为 public。 例 如 ， 代 码 4.12 和 代码 4.13 中 ，samples 包 中 有 SampleCode 和 CodeFormatter 两 


代码 4.12 SampleCode 类 : SampleCode .as 


代码 4.13 CodeFormatter 类 : CodeFormatter.as 


SampleCode 类 在 包 的 外 部 可 见 ， 因 为 它 被 声明 为 public 类 。 但 是 ，CodeFormatter 类 仅 在 
samples 包 的 内 部 可 见 。 如果 尝试 在 samples 包 外 部 访问 CodeFormatter 类 , 将 会 产生 一 个 错误 ， 
如 代码 4.14 所 示 。 


代码 4.14 在 samples 包 外 部 访问 包 中 定义 的 类 


如 果 希 望 这 两 个 类 在 包 外 部 均 可 用 ， 必 须 将 它们 都 声明 为 public。 不 能 将 public 修饰 符 应 
用 于 包 声 明 。 

完全 限定 的 名 称 ， 可 用 来 解决 在 使 用 包 时 可 能 发 生 的 名 称 冲突 。 如 果 导 入 两 个 包 ， 但 它 
们 用 同一 个 标识 符 来 定义 类 ， 就 可 能 会 发 生 名 称 冲突 。 例 如 ， 考 虑 代码 4.15 中 的 包 ， 该 包 也 
有 一 个 名 为 SampleCode 的 类 。 


代码 4.15 在 另外 包 中 定义 SampleCode 类 


如 果 按 如 下 方式 导入 两 个 类 , 在 引用 SampleCode 类 时 将 会 发 生 名 称 冲 突 , 代码 如 下 所 示 。 


编译 器 无 法 确定 要 使 用 哪个 SampleCode 类 。 要 解决 此 冲突 ， 必 须 使 用 每 个 类 的 完全 限定 
名 称 ， 正 确 代码 如 下 所 示 。 


具有 C++ 背景 的 程序 员 通 常会 将 import 语句 与 #include 混淆 。#include 指令 在 
C++ 中 是 必需 的 ， 因 为 C++ 编译 器 一 次 处 理 一 个 文件 ,而且 除非 显 式 包括 了 头 

加 文件 ， 否 则 将 不 会 在 其 他 文件 中 查找 类 定义 。ActionScript 3.0 有 一 个 include 
指令 ， 但 是 它 的 作用 不 是 为 了 导入 类 和 包 。 要 在 ActionScript 3.0 中 导入 类 或 
包 ， 必 须 使 用 import 语句 ， 并 将 包含 该 包 的 源 文件 放 在 类 路 径 中 。 


4.2.2 ”命名 空间 


通过 命名 空间 可 以 控制 所 创建 的 属性 和 方法 的 可 见 性 。 将 public、private、protected 和 
internal 访问 控制 修饰 符 视 为 内 置 的 命名 空间 。 如 果 这 些 预 定义 的 访问 控制 说 明 符 无 法 满足 要 
求 ， 可 以 创建 自己 的 命名 空间 。 

如 果 熟 悉 XML 命名 空间 , 那么 对 本 节 讨 论 的 大 部 分 内 容 不 会 感到 陌生 , 但 是 ActionScript 
实现 的 语法 和 细节 与 XML 的 稍 有 不 同 。 即 使 以 前 从 未 使 用 过 命名 空间 ， 也 没有 关系 ， 因 为 命 
名 空间 概念 本 身 很 简单 ， 但 是 其 实现 涉及 一 些 需要 了 解 的 特定 术语 。 

要 了 解 命名 空间 的 工作 方式 ， 有 必要 先 了 解 属 性 或 方法 的 名 称 总 是 包含 两 部 分 : 标识 符 
和 命名 空间 。 标 识 符 通常 被 视 为 名 称 。 例 如 ， 以 下 类 定义 中 的 标识 符 是 sampleGreeting 和 


sampleFunction()。 


只 要 定义 不 以 命名 空间 修饰 符 开头 , 就 会 用 默认 intemal 命名 空间 限定 其 名 称 , 这 意味 着 ， 
它们 仅 对 同一 个 包 中 的 调用 方 可 见 。 如 果 编 译 器 设置 为 严格 模式 ， 则 编译 器 会 发 出 一 个 警告 ， 
指明 internal 命名 空间 将 应 用 于 没有 命名 空间 属性 的 任何 标识 符 。 为 了 确保 标识 符 可 在 任何 位 
置 使 用 ， 必 须 在 标识 符 名 称 的 前 面 明确 加 上 public 修饰 符 。 在 上 面 的 示例 代码 中 ， 
sampleGreeting 和 sampleFunction() 都 有 一 个 命名 空间 值 internal。 

使 用 命名 空间 时 ， 应 遵循 以 下 3 个 基本 步骤 。 

第 一 ， 必 须 使 用 namespace 关键 字 来 定义 命名 空间 。 例 如 ,下面 的 代码 定义 versionl 命名 


空间 。 
nanespaceversionl; 


第 二 ， 在 属性 或 方法 声明 中 ， 使 用 命名 空间 而 非 访问 控制 修饰 符 〉 来 应 用 命名 空间 。 
下 面 的 代码 将 一 个 名 为 myFunction0 的 函数 放 在 versionl 命名 空间 中 。 


第 三 , 在 应 用 了 该 命名 空间 后 , 可 以 使 用 use 指令 引用 它 ， 也 可 以 使 用 该 命名 空间 来 限定 
标识 符 的 名 称 。 下 面 的 代码 通过 use 指令 来 引用 myFunction0 函 数 。 


还 可 以 使 用 限定 名 称 来 引用 myFunction0 函 数 ， 如 下 面 的 代码 所 示 。 


命名 空间 中 包含 一 个 名 为 统一 资源 标识 符 (URI) 的 值 ， 该 值 有 时 称 为 命名 空间 名 称 。 使 
用 URI 可 确保 命名 空间 定义 的 唯一 性 。 

可 通过 使 用 以 下 两 种 方法 之 一 来 声明 命名 空间 ， 以 创建 命名 空间 : 像 定义 XML 命名 空间 
那样 使 用 显 式 URI 定义 命名 空间 ; 省 略 URI。 下 面 的 代码 说 明 如 何 使 用 URI 来 定义 命名 空间 。 


URI 用 作 该 命名 空间 的 唯一 标识 字符 串 。 如 果 省 略 URI〈 如 下 面 的 代码 所 示 )， 则 编译 器 
将 创建 一 个 唯一 的 内 部 标识 字符 串 来 代替 URI。 对 于 这 个 内 部 标识 字符 串 ， 不 具有 访问 权限 。 


在 定义 了 命名 空间 (具有 URI 或 没有 URI) 后 ， 就 不 能 在 同一 个 作用 域内 重新 定义 该 命 
名 空间 。 如 果 尝 试 定义 的 命名 空间 已 在 同一 个 作用 域内 定义 过 ， 则 将 生成 编译 器 错误 。 

如 果 在 某 个 包 或 类 中 定义 了 一 个 命名 空间 ， 则 该 命名 空间 可 能 对 于 此 包 或 类 外 部 的 代码 
不 可 见 ， 除 非 使 用 了 相应 的 访问 控制 说 明 符 。 例 如 ， 下 面 的 代码 显示 了 在 flash.utils 包 中 定义 
的 flash_proxy 命名 空间 。 在 下 面 的 代码 中 ,缺乏 访问 控制 说 明 符 意味 着 Hash proxy 命名 空间 
将 仅 对 于 flash.utils 包 内 部 的 代码 可 见 ， 而 对 于 该 包 外 部 的 任何 代码 都 不 可 见 。 


下 面 的 代码 使 用 public 属性 以 使 flash_proxy 命名 空间 对 该 包 外 部 的 代码 可 见 。 


应 用 命名 空间 意味 着 在 命名 空间 中 放置 定义 。 可 以 放 在 命名 空间 中 的 定义 包括 函数 、 变 
量 和 常量 (不 能 将 类 放 在 自 定义 命名 空间 中 )。 

例如 ， 考 虑 一 个 使 用 public 访问 控制 命名 空间 声明 的 函数 。 在 函数 的 定义 中 使 用 public 
修饰 符 会 将 该 函数 放 在 public 命名 空间 中 ， 从 而 使 该 函数 对 于 所 有 的 代码 都 可 用 。 在 定义 了 
某 个 命名 空间 之 后 ， 可 以 按照 与 使 用 public 修饰 符 相同 的 方式 来 使 用 所 定义 的 命名 空间 。 该 
定义 将 对 于 可 以 引用 自 定义 命名 空间 的 代码 可 用 。 例 如 ， 如 果 定 义 一 个 名 为 examplel 的 命名 
空间 ， 则 可 以 添加 一 个 名 为 myFunction0) 的 方法 并 将 examplel 用 作 修 饰 符 ， 如 下 面 的 示例 代 
码 所 示 。 


如 果 在 声明 myFunction() 方 法 时 将 examplel 命名 空间 用 作 修 饰 符 ， 则 意味 着 该 方法 属于 
examplel 命名 空间 。 

在 应 用 命名 空间 时 ， 应 切记 以 下 几 点 。 

对 于 每 个 声明 只 能 应 用 一 个 命名 空间 。 

不 能 一 次 将 同一 个 命名 空间 修饰 符 应 用 于 多 个 定义 。 换 言 之， 如 果 希 望 将 自己 的 命名 空 
间 应 用 于 10 个 不 同 的 函数 ， 则 必须 将 该 命名 空间 作为 修饰 符 分 别 添加 到 这 10 个 函数 
的 定义 中 。 

如 果 应 用 了 命名 空间 ， 则 不 能 同时 指定 访问 控制 修饰 符 ， 因 为 命名 空间 和 访问 控制 修饰 
符 是 互 斥 的 。 换 言 之 ,如 果 应 用 了 命名 空间 ,就 不 能 将 函数 或 属性 声明 为 public、private、 
Protected 或 internal。 


在 使 用 借助 于 任何 访问 控制 命名 空间 (如 public、private、protected 和 internal) 声明 的 方 
法 或 属性 时 ， 无 需 显 式 引用 命名 空间 。 这 是 因为 ， 对 于 这 些 特殊 命名 空间 的 访问 ， 由 上 下 文 
控制 。 例 如 ， 放 在 private 命名 空间 中 的 定义 ， 会 自动 对 于 同一 个 类 中 的 代码 可 用 。 但 是 ， 对 
于 自 定义 的 命名 空间 ， 并 不 存在 这 样 的 上 下 文 相关 性 。 要 使 用 已 经 放 在 某 个 自 定义 命名 空间 
中 的 方法 或 属性 ， 必 须 引 用 该 命名 空间 。 

可 以 用 use namespace 指令 来 引用 命名 空间 ， 也 可 以 使 用 名 称 限定 符 〈::) 来 以 命名 空间 
限定 名 称 。 用 use namespace 指令 引用 命名 空间 会 打开 该 命名 空间 ， 这 样 它 便 可 以 应 用 于 任何 
未 限定 的 标识 符 。 例 如 ， 如 果 已 经 定义 了 examplel 命名 空间 ， 则 可 以 通过 使 用 use namespace 
examplel 来 访问 该 命名 空间 中 的 名 称 ， 代 码 如 下 所 示 。 


一 次 可 以 打开 多 个 命名 空间 。 在 使 用 use namespace 打开 了 某 个 命名 空间 之 后 ， 它 会 在 打 
开 它 的 整个 代码 块 中 保持 打开 状态 。 不 能 显 式 关 闭 命名 空间 。 

但 是 ， 如 果 同 时 打开 多 个 命名 空间 ， 则 会 增加 发 生 名 称 冲突 的 可 能 性 。 如 果 不 愿意 打开 
命名 空间 , 则 可 以 用 命名 空间 和 名 称 限定 符 来 限定 方法 或 属性 名 , 从 而 避免 使 用 use namespace 
指令 。 例 如 ， 下 面 的 代码 说 明 如 何 用 examplel 命名 空间 来 限定 myFunction() 名 称 。 


: 


在 Flash Player API 中 的 flash.utils.Proxy 类 中 ， 可 以 找到 用 来 防止 名 称 冲突 的 命名 空间 的 
实例 。Proxy 类 取代 了 ActionScript 2.0 中 的 Object，_resolve 属性 ， 可 用 来 截获 对 未 定义 的 属 
性 或 方法 的 引用 , 以 免 发 生 错误 .为 了 避免 名 称 冲 突 ,将 Proxy 类 的 所 有 方法 都 放 在 flash_proxy 
命名 空间 中 。 

为 了 更 好 地 了 解 lash proxy 命名 空间 的 使 用 方法 ， 需 要 了 解 如 何 使 用 Proxy 类 。Proxy 
类 的 功能 仅 对 于 继承 它 的 类 可 用 。 换言之, 如 果 要 对 某 个 对 象 使 用 Proxy 类 的 方法 ， 则 该 对 象 
的 类 定义 必须 是 对 Proxy 类 的 扩展 。 例 如 ， 如 果 希 望 截获 对 未 定义 的 方法 的 调用 ， 则 应 扩展 
Proxy 类 ， 然 后 覆盖 Proxy 类 的 callProperty() 方 法 。 

前 面 已 讲 到 ， 实 现 命名 空间 的 过 程 通常 分 为 3 步 ， 即 定义 、 应 用 然后 引用 命名 空间 。 但 
是 ， 由 于 从 不 显 式 调用 Proxy 类 的 任何 方法 ， 因 此 只 是 定义 和 应 用 flash proxy 命名 空间 ， 而 
不 用 引用 它 。Flash Player API 定义 flash_proxy 命名 空间 ， 并 在 Proxy 类 中 应 用 。 在 代码 中 ， 
只 需要 将 flash_proxy 命名 空间 应 用 于 扩展 Proxy 类 的 类 。 

flash proxy 命名 空间 按照 与 下 面 类 似 的 方法 在 flash.utils 包 中 定义 。 


该 命名 空间 将 应 用 于 Proxy 类 的 方法 ， 如 下 面 摘自 Proxy 类 的 代码 所 示 。 


如 代码 4.16 所 示 , 必须 先导 入 Proxy 类 和 flash proxy 命名 空间 , 随后 必须 声明 自己 的 类 ， 
以 便 对 Proxy 类 进行 扩展 〈 如 果 是 在 严格 模式 下 进行 编译 ， 则 还 必须 添加 dynamic 修饰 符 )。 
在 覆盖 callProperty0 方 法 时 ， 必 须 使 用 flash proxy 命名 空间 。 


代码 4.16 扩展 Proxy 类 


-全 


如 果 创 建 MyProxy 类 的 一 个 实例 ， 并 调用 一 个 未 定义 的 方法 〈 如 在 代码 4.17 中 调用 的 
testing() 方 法 )，Proxy 对 象 将 截获 对 该 方法 的 调用 ， 并 执行 覆盖 后 的 callProperty() 方 法 内 部 的 
语句 〈 在 本 例 中 为 一 个 简单 的 traceO 语 句 )。 


代码 4.17 创建 MyProxy 类 的 实例 


上 述 代 码 的 输出 结果 如 下 : 


将 Proxy 类 的 方法 放 在 flash proxy 命名 空间 中 有 两 个 好 处 。 第 一 个 好 处 是 , 在 扩展 Proxy 
类 的 任何 类 的 公共 接口 中 ， 拥 有 单独 的 命名 空间 可 提高 代码 的 可 读 性 。( 在 Proxy 类 中 大 约 有 
12 个 可 以 覆盖 的 方法 ， 所 有 这 些 方法 都 不 能 被 直接 调用 。 将 所 有 这 些 方法 都 放 在 公共 命名 空 
间 中 可 能 会 引起 混淆 。) 第 二 个 好 处 是 ， 当 Proxy 子 类 中 包含 名 称 与 Proxy 类 方法 的 名 称 匹 配 
的 实例 方法 时 ， 使 用 flash_proxy 命名 空间 可 避免 名 称 冲突 。 例 如 ， 可 能 希望 将 自己 的 某 个 方 
法 命名 为 callProperty0。 代码 4.18 是 可 接受 的 , 因为 所 用 的 callProperty0 方 法 位 于 另 一 个 命名 
空间 中 。 


代码 4.18 添加 自 定义 callProperty() 方 法 


当 希 望 以 一 种 无 法 由 4 个 访问 控制 修饰 符 (public、private、internal 和 protected) 实现 的 
方式 ， 提 供 对 方法 或 属性 的 访问 时 ， 命 名 空间 也 可 能 会 非常 有 用 。 例 如 ， 可 能 有 几 个 分 散在 
多 个 包 中 的 实用 程序 方法 。 希 望 这 些 方法 对 于 所 有 包 均 可 用 ， 但 是 不 希望 这 些 方法 成 为 公共 
方法 。 为 此 ， 可 以 创建 一 个 新 的 命名 空间 ， 并 将 它 用 作 自 己 的 特殊 访问 控制 修饰 符 。 

下 面 的 示例 使 用 用 户 定义 的 命名 空间 ， 将 两 个 位 于 不 同 包 中 的 函数 组 合 在 一 起 。 通 过 将 
它们 组 合 到 同一 个 命名 空间 中 ， 可 以 通过 一 条 use namespace 语句 ， 使 这 两 个 函数 对 于 某 个 类 
或 某 个 包 均 可 见 。 

本 示例 使 用 4 个 文件 来 说 明 此 方法 。 所 有 的 文件 都 必须 位 于 类 路 径 中 。 第 1 个 文件 
(myInternal.as ) 用 来 定义 myInternal 命名 空间 , 如 代码 4.19 所 示 。 由 于 该 文件 位 于 名 为 example 
的 包 中 ， 因 此 必须 将 该 文件 放 在 名 为 example 的 文件 夹 中 。 该 命名 空间 标记 为 public， 因 此 可 
以 导入 到 其 他 包 中 。 


代码 4.19 ”定义 命名 空间 : mylnternal.as 


第 2 个 文件 〈Utilityas) 和 第 3 个 文件 (Helper.as〉 定 义 的 类 中 ， 应 包含 可 供 其 他 包 使 用 
的 方法 。Utility 类 位 于 example.alpha 包 中 ， 这 意味 着 该 文件 应 放 在 example 文件 夹 下 的 alpha 
子 文件 夹 中 。Helper 类 位 于 example.beta 包 中 ， 这 意味 着 该 文件 应 放 在 example 文件 夹 下 的 
beta 子 文件 夹 中 。 这 两 个 包 (example.alpha 和 example.beta) 在 使 用 命名 空间 之 前 必须 先导 入 
它 。Uitility.as 文件 的 内 容 如 代码 4.20 所 示 ，Helper.as 文件 的 内 容 如 代码 4.21 所 示 。 


代码 4.20 ”使 用 自 定义 命名 空间 : Utility.as 


代码 4.21 使 用 自 定义 命名 空间 : Helper.as 


第 4 个 文件 (NamespaceUseCase.as) 是 主 应 用 程序 文件 ， 应 是 example 文件 夹 的 同 级 ， 
其 内 容 如 代码 4.22 所 示 。 在 Flex Builder 3 中 ， 将 此 文件 用 作 ActionScript 项 目的 可 执行 应 用 
程序 文件 。NamespaceUseCase 类 导入 myInternal 命名 空间 ， 并 使 用 它 来 调用 位 于 其 他 包 中 的 
两 个 静态 方法 。 在 本 示例 中 ,使 用 静态 方法 的 目的 仅 在 于 简化 代码 。 在 myInternal 命名 空间 中 
既 可 以 放置 静态 方法 也 可 以 放置 实例 方法 。 


代码 4.22 创建 主 应 用 程序 文件 


保存 所 有 文件 ， 调 试 该 项 目 ， 输 出 结果 如 下 所 示 。 


4.3 枚 举 类 


枚 举 是 用 户 创建 的 自 定义 数据 类 型 , 用 于 封装 一 小 组 值 。 ActionScript 3.0 并 不 支持 具体 的 
枚 举 工具 ， 这 与 C++ 使 用 enum 关键 字 或 Java 使 用 Enumeration 接口 不 一 样 。 不 过 ， 可 以 使 用 
类 或 静态 常量 创建 枚 举 。 例 如 ，Flash Player API 中 的 PrintJob 使 用 名 为 PrintJobOrientation 的 
枚 举 ， 来 存储 由 landscape 和 portrait 组 成 的 一 组 值 ， 如 代码 4.23 所 示 。 


代码 4.23 ”创建 枚 举 类 


按照 惯例 ， 枚 举 类 是 使 用 final 修饰 符 声 明 的 ， 因 为 不 需要 扩展 该 类 。 该 类 仅 由 静态 成 员 
组 成 ， 这 表示 不 创建 该 类 的 实例 ， 而 是 直接 通过 类 对 象 来 访问 枚 举 值 ， 如 代码 4.24 所 示 。 


代码 4.24 ”使 用 枚 举 类 


Flash Player API 中 的 所 有 枚 举 类 都 只 包含 String、int 或 uint 类 型 的 变量 。 使 用 枚 举 而 不 
使 用 字符 串 或 数字 值 的 好 处 是 ， 使 用 枚 举 更 易于 发 现 字 面 错 误 。 如 果 枚 举 名 输入 错误 ， 
ActionScript 编译 器 会 生成 一 个 错误 。 如 果 使 用 字面 值 ， 存 在 拼写 错误 或 使 用 了 错误 数字 时 ， 
编译 器 并 不 会 报错 。 如 果 拼 错 了 字符 串 字 面值 ， 编 译 器 并 不 生成 错误 。 
创建 枚 举 的 第 二 种 方法 还 包括 使 用 枚 举 的 静态 属性 创建 单独 的 类 。 这 种 方法 的 不 同 之 处 
WW 在 于 ， 每 一 个 静态 属性 都 包含 一 个 类 实例 ， 而 不 是 字符 串 或 整数 值 。 例 如 ， 代 码 4.25 为 一 星 
期 中 的 各 天 创建 了 一 个 枚 举 类 。 


代码 4.25 ”使 用 枚 举 的 静态 属性 创建 单独 的 类 


Flash Player API 并 不 使 用 这 种 方法 ， 但 是 许多 开发 人 员 都 使 用 ， 他 们 更 喜欢 使 用 这 种 方 
法 提供 的 改进 类 型 检查 功能 。 例 如 ， 返 回 枚 举 值 的 方法 可 将 返回 值 限定 为 枚 举 数据 类 型 。 代 


码 4.26 不 但 显示 了 返回 一 星期 中 各 天 的 函数 , 还 显示 了 将 枚 举 类 型 用 作 类 型 注释 的 函数 调用 。 
代码 4.26 ”返回 枚 举 值 的 方法 


4.4 继承 


继承 是 面向 对 象 程序 设计 的 主要 特征 之 一 ， 可 以 让 开发 人 员 重 用 以 前 开发 过 的 代码 ， 这 
样 可 以 节省 程序 设计 的 时 间 。 继 承 就 是 在 类 之 间 建 立 一 种 相交 关系 ， 使 得 新 定义 的 派生 类 的 
实例 可 以 继承 已 有 的 父 类 的 特征 和 能 力 ， 而 且 可 以 加 入 新 的 特性 或 者 是 修改 已 有 的 特性 建立 
起 类 的 新 层次 。 


4.4.1 继承 概述 


继承 是 一 种 代码 重用 的 形式 ， 人 允许 程序 员 基 于 现 有 类 开发 新 类 。 现 有 类 通常 称 为 父 类 或 
超 类 ， 新 类 通常 称 为 子 类 。 继 承 的 主要 优势 是 ， 人 允许 重复 使 用 父 类 中 的 代码 ， 但 不 修改 现 有 
代码 。 此 外 ， 继 承 不 要 求 改变 其 他 类 与 父 类 交互 的 方式 。 使 用 继承 可 将 该 类 视 为 一 个 集成 模 
块 ， 可 使 用 其 他 属性 或 方法 对 它 进行 扩展 。 使 用 extends 关键 字 指 明 类 从 另 一 类 继承 。 

通过 继承 还 可 以 在 代码 中 实现 多 态 。 有 一 种 方法 在 应 用 于 不 同 数 据 类 型 时 ， 会 有 不 同行 
为 ， 多 态 就 是 指 对 这 样 的 方法 应 用 同一 个 方法 名 的 能 力 。 名 为 Shape 的 父 类 就 是 一 个 简单 的 
例子 ， 该 类 有 名 为 Circle 和 Square 的 两 个 子 类 。Shape 类 定义 了 名 为 area0 的 方法 ， 该 方法 返 
回 形 状 的 面积 。 如 果 已 实现 多 态 ， 则 可 以 对 Circle 和 Square 类 型 的 对 象 调用 area() 方 法 ， 然 后 
执行 正确 的 计算 。 使 用 继承 能 实现 多 态 ， 实 现 的 方式 是 ， 人 允许 子 类 继承 和 重新 定义 或 覆盖 父 
类 中 的 方法 。 在 代码 4.27 中 ，Circle 和 Square 两 个 类 重新 定义 了 area() 方 法 。 


代码 4.27 方法 的 继承 


代码 4.27 的 输出 结果 如 下 所 示 。 


因为 每 个 类 定义 一 个 数据 类 型 ， 所 以 使 用 继承 会 在 父 类 和 扩展 父 类 的 类 之 间 创 建 一 个 特 
殊 关 系 。 子 类 保证 拥有 其 父 类 的 所 有 属性 ， 这 意味 着 子 类 的 实例 总 是 可 以 蔡 换 父 类 的 实例 。 
例如 ， 如 果 方 法 定义 了 Shape 类 型 的 参数 (parameter)， 由 于 Circle 扩展 了 Shape， 因 此 Circle 
类 型 的 参数 〈argument) 是 合法 的 ， 如 下 代码 所 示 。 


4.4.2 属性 的 继承 


属性 的 继承 是 指 ， 在 由 超 类 创建 子 类 时 ， 也 将 其 属性 传递 给 子 类 的 性 质 。 但 是 ， 并 不 是 
所 有 属性 都 能 得 到 传递 ， 这 与 在 超 类 中 定义 的 属性 的 性 质 有 关 ， 下 面 讲解 影响 属性 能 否 继承 
的 因素 。 


对 于 实例 属性 ,无 论 是 使 用 var 还 是 使 用 const 关键 字 定 义 的 ,只 要 在 父 类 中 未 使 用 private 
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修饰 符 声明 该 属性 ， 这些 属 性 都 可 以 由 子 类 继承 。 例如 ，Flash Player API 中 的 Event 类 具有 很 
多 子 类 ， 它 们 继承 了 所 有 事件 对 象 共 有 的 属性 。 

对 于 某 些 类 型 的 事件 ，Event 类 包含 了 定义 事件 所 需 的 所 有 属性 。 下 面 的 代码 是 从 Event 
类 中 摘录 的 ， 显 示 由 子 类 继承 的 某 些 属性 。 由 于 继承 了 属性 ， 因 此 任何 子 类 的 实例 都 可 以 访 
问 这 些 属性 。 

public class Event os 


{ 
public function get type():Sstring; 


public function get bubbles () :Boolean; 


} 


其 他 类 型 的 事件 ， 需 要 特有 属性 ， 而 Event 类 中 没有 提供 。 这 些 事件 是 使 用 Event 类 的 子 
类 定义 的 ， 所 以 可 向 Event 子 类 中 添加 新 属性 。MouseEvent 类 就 是 这 样 的 一 个 子 类 ， 它 可 添 
加 与 鼠标 移动 或 鼠标 单 击 相关 的 事件 的 特有 属性 , 如 mouseMove 和 click 事件 。 下面 的 代码 是 
从 MouseEvent 类 中 摘录 的 ， 它 说 明了 在 子 类 中 存在 ， 但 在 父 类 中 不 存在 的 属性 的 定义 : 
Public class MouseEvent extends Event 


public static const CLICK:String = “olick"y 
public static const MOUSE MOVE:String = "mouseMove"; 


} 
“2. 访问 控制 说 明 符 和 继承 


如 果 某 一 属性 是 用 public 修饰 符 声明 的 ， 则 该 属性 对 任何 位 置 的 代码 都 可 见 。 这 表示 
public 关键 字 与 private、protected 和 internal 关键 字 不 同 ， 它 对 属性 继承 没有 任何 限制 。 

如 果 属 性 是 使 用 private 修饰 符 声 明 的 ， 该 属性 只 在 定义 该 属性 的 类 中 可 见 ， 这 表示 它 不 
能 由 任何 子 类 继承 。 此 行为 与 以 前 版 本 的 ActionScript 不 同 ， 在 这 些 版 本 中 ，private 修饰 符 的 
行为 更 类 似 于 ActionScript 3.0 中 的 protected 修饰 符 。 

protected 修饰 符 指出 某 一 属性 不 仅 在 定义 该 属性 的 类 中 可 见 ， 而 且 还 在 所 有 子 类 中 可 见 。 
与 Java 编程 语言 中 的 protected 修饰 符 不 一 样 ，ActionScript 3.0 中 的 protected 修饰 符 并 不 使 属 
性 对 同一 包 中 的 所 有 其 他 类 可 见 。 在 ActionScript 3.0 中 ， 只 有 子 类 可 以 访问 使 用 protected 修 
饰 符 声明 的 属性 。 此 外 ，protected 属性 对 子 类 可 见 ， 不 管子 类 和 父 类 是 在 同一 包 中 ， 还 是 在 
不 同 包 中 。 

要 限制 某 一 属性 在 定义 该 属性 的 包 中 的 可 见 性 , 使 用 internal 修饰 符 或 者 不 使 用 任何 访问 
控制 修饰 符 。 未 指定 访问 控制 修饰 符 时 ， 应 用 的 默认 访问 控制 说 明 符 是 internal 访问 控制 修饰 
符 。 标 记 为 internal 的 属性 将 只 由 位 于 在 同一 包 中 的 子 类 继承 。 

可 以 使 用 下 面 的 示例 ， 来 查看 每 一 个 访问 控制 修饰 符 如 何 影 响 跨越 包 边 界 的 继承 。 首 先 
在 Flex Builder 3 中 创建 一 个 名 为 AccessControl 的 ActionScript 项 目 ， 然 后 新 建 foo 和 bar 两 
个 文件 夹 ， 在 foo 文件 夹 中 创建 一 个 名 为 Base.as 的 类 文件 ， 在 bar 文件 夹 中 创建 一 个 名 为 


Extender.as 的 类 文件 。 
首先 来 看 Base.as 文件 的 内 容 , 在 foo 包 中 创建 了 Base 类 。 该 类 中 有 一 个 public 修饰 符 定 
义 的 str 属性 ， 这 是 本 实例 中 的 超 类 ， 如 代码 4.28 所 示 。 


代码 4.28 ”定义 超 类 


然后 来 看 Extenderas 文件 的 内 容 ， 该 文件 在 bar 包 中 创建 Extender 类 ， 该 类 继承 于 代码 
4.28 中 创建 的 Base 类 ， 如 代码 4.29 所 示 。 


代码 4.29 ”创建 子 类 


最 后 在 主 程序 文件 中 ， 实 例 化 Extender 类 ， 调 用 该 实例 的 getString() 方 法 。getString() 方 
法 返回 子 类 继承 的 str 属性 。 本 书 中 给 出 的 是 public 修饰 符 定义 的 str 属性 ， 读 者 可 以 更 改 为 
private、protected 或 intermal， 查 看 效果 。AccessControl.as 文件 的 内 容 如 代码 4.30 所 示 。 


代码 4.30” 主 程序 文件 


4.4.3 方法 的 继承 和 覆盖 


子 类 在 继承 了 超 类 的 属性 的 同时 ， 也 继承 了 需要 继承 的 方法 。 方 法 的 继承 与 属性 的 继承 
比较 相似 ， 但 是 方法 的 覆盖 是 属性 不 能 做 到 的 。 本 节 除 了 介绍 方法 的 继承 的 相关 知识 ， 还 要 
介绍 方法 的 覆盖 。 
静态 方法 不 能 继承 ， 也 不 能 覆盖 。 但 是 ， 实 例 方法 可 由 子 类 继承 ， 也 可 覆盖 ， 只 要 符合 
以 下 两 个 条 件 。 
实例 方法 在 父 类 中 不 是 使 用 final 关键 字 声明 的 。 当 final 关键 字 与 实例 方法 一 起 使 用 时 ， 
该 关键 字 指 明 程 序 员 的 设计 目的 是 要 禁止 子 类 覆盖 方法 。 

实例 方法 在 父 类 中 不 是 使 用 private 访问 控制 修饰 符 声 明 的 。 如 果 某 个 方法 在 父 类 中 标记 
为 private， 则 在 子 类 中 定义 同名 方法 时 不 能 使 用 override 关键 字 ， 因 为 父 类 方法 在 子 
类 中 不 可 见 。 

要 覆盖 符合 这 些 条 件 的 实例 方法 , 子 类 中 的 方法 定义 必须 使 用 override 关键 字 , 且 必 须 在 
以 下 几 个 方面 与 方法 的 超 类 版 本 相 匹配 。 

覆盖 方法 必须 与 父 类 方法 具有 相同 级 别 的 访问 控制 。 标 记 为 内 部 的 方法 与 没有 访问 控制 

说 明 符 的 方法 具有 相同 级 别 的 访问 控制 。 

覆盖 方法 必须 与 父 类 方法 具有 相同 的 参数 个 数 。 

覆盖 方法 参数 必须 与 父 类 方法 参数 具有 相同 的 数据 类 型 注释 。 

覆盖 方法 必须 与 父 类 方法 具有 相同 的 返回 类 型 。 

覆盖 方法 中 的 参数 名 不 必 与 父 类 中 的 参数 名 相 匹 配 ， 只 要 参数 个 数 和 每 个 参数 的 数据 类 
相 匹 配 即 可 。 


覆盖 方法 时 ， 程 序 员 经 常 希望 在 要 覆盖 的 超 类 方法 的 行为 上 添加 行为 ， 而 不 是 完全 蔡 换 
该 行为 。 这 需要 通过 某 种 机 制 ， 来 允许 子 类 中 的 方法 ， 调 用 它 本 身 的 超 类 版 本 。super 语句 就 
提供 了 这 样 一 种 机 制 ， 其 中 包含 对 直接 超 类 的 引用 。 代 码 4.31 中 定义 了 名 为 Base 的 类 (其 中 
包含 名 为 thanks0 的 方法 )， 还 包含 名 为 Extender 的 Base 类 的 子 类 〈 用 于 覆盖 thanks() 方 法 )。 
Extenderthanks() 方 法 使 用 super 语句 调用 Base.thanks()。 


代码 4.31 使 用 super 语句 


代码 4.31 的 输出 结果 如 下 所 示 。 
RN 


虽然 不 能 覆盖 超 类 中 定义 的 属性 ， 但 是 可 以 覆盖 getter 和 setter。 例 如 ， 代 码 4.32 用 于 覆 
盖 在 Flash Player API 的 MovieClip 类 中 定义 的 名 为 currentLabel 的 getter。 


代码 4.32 覆盖 getter 实例 


代码 4.32 的 输出 结果 如 下 所 示 。 


4.5 接口 


在 应 用 程序 中 ， 接 口 就 是 一 种 约定 ， 使 得 实现 接口 的 类 或 结构 在 形式 上 保持 一 致 。 接 口 
是 为 继承 而 存在 的 ， 如 果 没 有 继承 ， 接 口 就 没有 任何 意义 。 使 用 接口 的 目的 在 于 使 应 用 程序 
代码 更 加 清晰 和 条 理化 。 本 节 将 详细 介绍 接口 。 

接口 是 方法 声明 的 集合 ， 以 使 不 相关 的 对 象 能 够 彼此 通信 。 例 如 ，Flash Player API 定义 
了 IEventDispatcher 接口 ， 其 中 包含 的 方法 声明 ， 可 供 类 用 于 处 理事 件 对 象 。IEventDispatcher 
接口 建立 了 标准 方法 ， 供 对 象 相互 传递 事件 对 象 。 以 下 代码 显示 了 IEventDispatcher 接口 的 
定义 。 


了 解 接口 ， 就 必须 了 解 定义 接口 中 的 方法 与 实现 接口 中 的 方法 之 间 的 区 别 。 定 义 接口 中 
的 方法 包括 调用 该 方法 必须 的 所 有 信息 ， 例 如 方法 名 、 所 有 参数 和 返回 类 型 。 实 现 接 口中 的 
方法 不 仅 包括 这 些 信息 ， 而 且 还 包括 方法 执行 的 语句 。 接 口 定 义 只 包含 方法 接口 ， 实 现 接口 
的 类 负责 定义 方法 的 实现 。 

在 Flash Player API 中 ，EventDispatcher 类 通过 定义 所 有 IeventDispatcher 接口 方法 并 在 每 
个 方法 中 添加 方法 体 来 实现 正 ventDispatcher 接 口 。 以 下 代码 摘录 自 EventDispatcher 类 的 定义 。 


IEventDispatcher 接口 用 作 一 个 协议 ，EventDispatcher 实例 通过 该 协议 处 理事 件 对 象 ， 然 


后 将 事件 对 象 传递 到 也 实现 了 IeventDispatcher 接口 的 其 他 对 象 。 

另 一 种 描述 接口 的 方法 是 : 接口 定义 了 数据 类 型 ， 就 像 类 一 样 。 因 此 ， 接 口 可 以 用 作 类 
型 注释 ， 也 像 类 一 样 。 作 为 数据 类 型 ， 接 口 还 可 以 与 需要 指定 数据 类 型 的 运算 符 一 起 使 用 ， 
如 is 和 as 运算 符 。 但 是 与 类 不 同 的 是 ， 接 口 不 可 以 实例 化 。 这 个 区 别 使 很 多 程序 员 认为 接口 
是 抽象 的 数据 类 型 ， 类 是 具体 的 数据 类 型 。 


接口 定义 的 结构 类 似 于 类 定义 的 结构 ， 只 是 接口 只 能 包含 方法 但 不 能 包含 方法 体 。 接 口 
不 能 包含 变量 或 常量 ， 但 是 可 以 包含 getter 和 setter。 要 定义 接口 ， 需 要 使 用 interface 关键 字 。 
例如 ， 下 面 的 接口 IExternalizable 是 Flash Player API 中 flash.utils 包 的 一 部 分 。IExternalizable 
接口 定义 一 个 用 于 对 对 象 进行 序列 化 的 协议 ， 这 表示 将 对 象 转换 为 适合 在 设备 上 存储 或 通过 
网 络 传输 的 格式 。 


注意 ,IExternalizable 接口 是 使 用 public 访问 控制 修饰 符 声 明 的 。 只 能 使 用 public 或 internal 
访问 控制 修饰 符 来 定义 接口 。 接 口 定义 中 的 方法 声明 ， 不 能 包含 任何 访问 控制 修饰 符 。 

Flash Player API 遵循 一 种 约定 ,其 中 接口 名 以 大 写 I 开 始 , 但 是 可 以 使 用 任何 合法 的 标识 
符 作 为 接口 名 。 接 口 定义 经 常 位 于 包 的 顶级 。 接 口 定义 不 能 放 在 类 定义 或 另 一 个 接口 定 
义 中 。 

接口 可 扩展 一 个 或 多 个 其 他 接口 。 例 如 ， 下 面 的 接口 IExample 扩展 了 Iexternalizable 
接口 。 


实现 IExample 接 口 的 所 有 类 , 不 但 必须 包括 extra() 方 法 的 实现 ,还 要 包括 从 IExteralizable 
接口 中 继承 的 writeExternal0 和 readExternal() 方 法 的 实现 。 


类 是 唯一 的 可 实现 接口 的 ActionScript 3.0 语言 元 素 。 在 类 声明 中 使 用 implements 关键 字 
可 实现 一 个 或 多 个 接口 。 代 码 4.33 定义 了 两 个 接口 IAlpha 和 IBeta 以 及 实现 这 两 个 接口 的 类 
Alpha。 


代码 4.33 ”定义 和 实现 接口 


a 


在 实现 接口 的 类 中 ， 实 现 的 方法 必须 符合 以 下 几 点 。 

使 用 public 访问 控制 标识 符 。 

使 用 与 接口 方法 相同 的 名 称 。 

拥有 相同 数量 的 参数 ， 每 一 个 参数 的 数据 类 型 ， 都 要 与 接口 方法 参数 的 数据 类 型 相 

匹配 。 

使 用 相同 的 返回 类 型 。 

不 过 ， 在 命名 所 实现 方法 的 参数 时 ， 有 一 定 的 灵活 性 。 虽 然 实现 方法 的 参数 数目 和 每 个 
参数 的 数据 类 型 ， 必 须 与 接口 方法 的 参数 数目 和 数据 类 型 相 匹配 ， 但 参数 名 不 需要 匹配 。 

另外 ， 使 用 默认 参数 值 也 具有 一 定 的 灵活 性 。 接 口 定 义 可 以 包含 使 用 默认 参数 值 的 函数 
声明 。 实 现 这 种 函数 声明 的 方法 必须 采用 默认 参数 值 ， 默 认 参 数值 是 与 接口 定义 中 指定 的 值 
具有 相同 数据 类 型 的 一 个 成 员 ， 但 是 实际 值 不 一 定 匹配 。 例 如 ， 以 下 代码 定义 的 接口 中 包含 
一 个 使 用 默认 参数 值 3 的 方法 。 


以 下 代码 中 ， 类 定义 实现 IGamma 接口 ， 但 使 用 不 同 的 默认 参数 值 : 


提供 这 种 灵活 性 的 原因 是 ， 实 现 接口 的 规则 的 设计 目的 是 确保 数据 类 型 的 兼容 性 ， 因 此 
不 必要 求 采用 相同 的 参数 名 和 默认 参数 值 ， 就 能 实现 目标 。 
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数据 是 程序 的 核心 ， 对 数据 的 处 理 是 程序 开发 最 常用 的 操作 。 在 ActionScript 3.0 中 可 以 
创建 各 种 形式 的 数据 , 而 且 对 不 同形 式 的 数据 的 处 理 也 不 一 样 。 本 章 将 介绍 如 何在 ActionScript 
3.0 中 处 理 函 数 、 字 符 串 、 数 组 及 日 期 和 时 间 。 

/学 习 目 标 1owecw。 
掌握 如 何 使 用 函数 语句 定义 函数 
熟悉 函数 表达 式 
掌握 函数 的 调用 
掌握 函数 的 返回 值 、 作 用 域 及 参数 
掌握 如 何 创建 字符 串 
掌握 String 类 的 属性 及 常用 方法 
掌握 如 何 创建 索引 数组 和 关联 数组 及 对 其 的 操作 
熟悉 如 何 创建 多 维 数组 及 对 其 的 操作 
掌握 如 何 创建 Date 对 象 及 获取 时 间 单 位 值 
熟悉 日 期 和 时 间 运 算 
了 解 如 何 使 用 Timer 类 控制 时 间 间 隔 
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函数 是 执行 特定 任务 并 可 以 在 程序 中 重用 的 代码 块 。 ActionScript 3.0 中 有 两 类 函数 : 方法 
和 闭 包 函数 。 将 函数 称 为 方法 还 是 闭 包 函 数 取 决 于 定义 函数 的 上 下 文 。 如 果 将 函数 定义 为 类 
的 一 部 分 或 者 将 它 附 加 到 对 象 的 实例 ， 则 该 函数 称 为 方法 。 如 果 以 其 他 任何 方式 定义 函数 ， 
则 该 函数 称 为 闭 包 函 数 。 

函数 在 ActionScript 中 始终 扮演 着 极为 重要 的 角色 。 例 如 ， 在 ActionScript 1.0 中 , 不 存在 
class 关键 字 ， 因 此 类 由 构造 函数 定义 。 尽 管 class 关键 字 已 经 添加 到 了 之 后 的 ActionScript 版 
本 中 ， 但 是 ， 如 果 想 充分 利用 该 语言 所 提供 的 功能 ， 深 入 了 解 函数 仍然 十 分 重要 。 对 于 希望 
ActionScript 中 函数 的 行为 与 C++ 或 Java 等 语言 中 的 函数 的 行为 相似 的 程序 员 来 说 , 这 可 能 是 
一 个 挑战 。 尽 管 基本 的 函数 定义 和 调用 对 有 经 验 的 程序 员 来 说 应 该 不 是 什么 问题 ， 但 是 仍 需 


要 对 ActionScript 函数 的 一 些 更 高 级 功能 进行 解释 。 


5.1.1 定义 函数 


在 ActionScript 3.0 中 可 通过 两 种 方法 来 定义 函数 : 使 用 函数 语句 和 使 用 函数 表达 式 。 可 
以 根据 自己 的 编程 风格 〈 偏 于 静态 还 是 偏 于 动态 ) 来 选择 相应 的 方法 。 如 果 倾 向 于 采用 静态 
或 严格 模式 的 编程 ， 则 应 使 用 函数 语句 来 定义 函数 。 如 果 有 特定 的 需求 ， 也 可 以 使 用 函数 表 
达 式 来 定义 函数 ， 函 数 表 达 式 更 多 地 用 在 动态 编程 或 标准 模式 编程 中 。 


函数 语句 是 在 严格 模式 下 定义 函数 的 首选 方法 。 函数 语句 以 function 关键 字 开头 ,后 跟 函 
数 名 、 用 小 括号 括 起 来 的 逗号 分 隔 参 数列 表 、 冒 号 (:)、 函 数 类 型 、 用 大 括号 括 起 来 的 函数 体 
( 即 在 调用 函数 时 要 执行 的 ActionScript 代码 )。 例 如 ， 下 面 的 代码 创建 一 个 函数 ， 该 函数 的 数 
据 类 型 为 void。 


定义 函数 的 第 二 种 方法 就 是 结合 赋值 语句 使 用 的 函数 表达 式 ， 函 数 表 达 式 有 时 也 称 为 函 
数字 面值 或 匿名 函数 。 这 是 一 种 较为 复杂 的 方法 ， 仅 在 早期 的 ActionScript 版 本 中 广 为 使 用 。 

带 有 函数 表达 式 的 赋值 语句 以 var 关键 字 开头 ， 后 跟 函 数 名 、 冒 号 〈:)、 指 示 数 据 类 型 的 
Function 类 、 赋 值 运算 符 (=)、function 关键 字 、 用 小 括号 括 起 来 的 逗号 分 隔 参数 列表 、 用 大 
括号 括 起 来 的 函数 体 。 例 如 ， 下 面 的 代码 使 用 函数 表达 式 来 定义 traceParameterO 函 数 。 


函数 表达 式 和 函数 语句 的 一 个 重要 区 别 是， 函数 表达 式 是 表达 式 ， 而 不 是 语句 。 这 意味 
着 函数 表达 式 不 能 独立 存在 ， 而 函数 语句 则 可 以 。 函 数 表达 式 只 能 用 作 语 句 ( 通 常 是 赋值 语 
句 ) 的 一 部 分 。 代 码 5.1 显示 了 一 个 赋予 数组 元 素 的 函数 表达 式 。 


代码 5.1 赋予 数组 元 素 的 函数 表达 式 


代码 5.1 的 执行 结果 如 下 所 示 。 
SS 


5.1.2 调用 函数 


可 通过 函数 名 称 后 跟 小 括号 运算 符 (0) 的 标识 来 调用 函数 。 要 发 送 给 函数 的 任何 函数 参 
数 都 括 在 小 括号 中 。 例 如 ， 贯 穿 于 本 书 始末 的 trace0 函 数 ， 它 是 Flash Player API 中 的 顶级 


加 


如 果 要 调用 没有 参数 的 函数 ， 则 必须 使 用 一 对 空 的 小 括号 。 例 如 ， 可 以 使 用 没有 参数 的 
Math random() 方 法 来 生成 一 个 随机 数 。 


5.1.3 ”函数 的 返回 值 


要 从 函数 中 返回 值 ， 就 要 使 用 return 语句 。 该 语句 的 参数 类 型 要 和 函数 的 类 型 保持 一 致 ， 
否则 会 出 现 错误 。 例 如 ， 下 面 的 函数 ， 返 回 一 个 int 类 型 的 数据 。 


函数 执行 到 return 语句 时 ， 会 终止 该 函数 ， 而 不 会 执行 位 于 retum 语句 下 面 的 任何 语句 。 
如 下 所 示 的 代码 ， 将 不 会 输出 baseNum*2 的 执行 结果 。 


在 严格 模式 下 ， 如 果 指定 返回 类 型 ， 则 必须 返回 相应 类 型 的 值 。 例 如 ， 下 面 的 代码 在 严 
格 模式 下 会 生成 错误 ， 因 为 它 不 返回 有 效 值 。 


5.1.4 函数 的 作用 域 


函数 的 作用 域 不 但 决定 了 可 以 在 程序 中 的 什么 位 置 调用 函数 ， 而 且 还 决定 了 函数 可 以 访 


问 哪些 定义 。 适 用 于 变量 标识 符 的 作用 域 规则 同样 也 适用 于 函数 标识 符 。 在 全 局 作用 域 中 声 
明 的 函数 在 整个 代码 中 都 可 用 。 例如 ，ActionScript 3.0 包含 可 在 代码 中 的 任意 位 置 使 用 的 全 局 
函数 ， 如 isNaNO 和 parseInt0)。 贬 套 函 数 〈 即 在 另 一 个 函数 中 声明 的 函数 ) 可 以 用 在 声明 它 的 
函数 中 的 任意 位 置 。 


无 论 何 时 开始 执行 函数 ， 都 会 创建 许多 对 象 和 属性 。 首 先 ， 会 创建 一 个 称 为 激活 对 象 的 
特殊 对 象 ， 该 对 象 用 于 存储 在 函数 体内 声明 的 参数 和 任何 局 部 变量 或 函数 。 由 于 激活 对 象 属 
于 内 部 机 制 ， 因 此 无 法 直接 访问 它 。 接 着 ， 会 创建 一 个 作用 域 链 ， 其 中 包含 由 Flash Player 检 
查 标识 符 声 明 的 对 象 的 有 序列 表 。 所 执行 的 每 个 函数 都 有 一 个 存储 在 内 部 属性 中 的 作用 域 链 。 
对 于 媒 套 函数 ， 作 用 域 链 始 于 其 自己 的 激活 对 象 ， 后 跟 其 父 函 数 的 激活 对 象 。 作 用 域 链 以 这 
种 方式 延伸 ， 直 到 到 达 全 局 对 象 。 全 局 对 象 是 在 ActionScript 程序 开始 时 创建 的 ， 其 中 包含 所 
有 的 全 局 变量 和 函数 。 


闭 包 函 数 是 一 个 对 象 ， 其 中 包含 函数 的 快照 及 其 词汇 环境 。 函 数 的 词汇 环境 包括 函数 作 
用 域 链 中 的 所 有 变量 、 属 性 、 方 法 和 对 象 以 及 它们 的 值 。 无 论 何 时 在 对 象 或 类 之 外 的 位 置 执 
行 函数 ， 都 会 创建 闭 包 函 数 。 闭 包 函 数 保留 定义 它们 的 作用 域 ， 这 样 ， 在 将 函数 作为 参数 或 
返回 值 传递 给 另 一 个 作用 域 时 ， 会 产生 有 趣 的 结果 。 

例如 ， 代 码 5.2 创建 两 个 函数 : foo0《〈 返 回 一 个 用 来 计算 矩形 面积 的 嵌 套 函数 rectArea()) 
和 bar0〈 调 用 foo0 并 将 返回 的 闭 包 函数 存储 在 名 为 myProduct 的 变量 中 )。 即 使 bar0) 函 数 定 
义 了 自己 的 局 部 变量 x〈 值 为 2)， 当 调用 闭 包 函 数 myProduct0 时 ， 该 闭 包 函 数 仍 保留 在 函数 
foo0 中 定义 的 变量 x 值 为 40)。 因 此 ，bar0 函 数 将 返回 值 160， 而 不 是 8。 


代码 5.2 将 函数 作为 返回 值 传递 给 另 一 个 作用 域 


方法 的 行为 与 闭 包 函 数 类 似 ， 因 为 方法 也 保留 有 关 创 建 它们 的 词汇 环境 的 信息 。 当 方法 
提取 自 它 的 实例 〈 这 会 创建 绑 定 方法 ) 时 ， 此 特征 尤为 突出 。 闭 包 函 数 与 绑 定 方法 之 间 的 主 
要 区 别 在 于 ， 绑 定 方法 中 this 关键 字 的 值 始终 引用 它 最 初 附加 到 的 实例 ， 而 闭 包 函数 中 this 
关键 字 的 值 可 以 改变 。 


5.1.5 ”函数 的 参数 


ActionScript 3.0 为 函数 参数 提供 了 一 些 功能 , 这 些 功能 对 于 那些 刚 接触 ActionScript 语言 
的 程序 员 来 说 可 能 是 很 陌生 的 。 尽 管 大 多 数 程序 员 都 应 熟悉 按 值 或 按 引 用 传递 参数 这 一 概念 ， 
但 是 很 多 人 可 能 都 对 arguments 对 象 和 ...(rest) 参 数 感到 很 陌生 。 


在 许多 编程 语言 中 ， 一 定 要 了 解 按 值 传递 参数 与 按 引 用 传递 参数 之 间 的 区 别 ， 二 者 之 间 
的 区 别 会 影响 代码 的 设计 方式 。 

按 值 传递 意味 着 将 参数 的 值 复制 到 局 部 变量 中 以 便 在 函数 内 使 用 ， 这 种 方式 不 会 改变 初 
始 变量 的 值 。 按 引用 传递 意味 着 将 只 传递 对 参数 的 引用 ， 而 不 传递 实际 值 。 这 种 方式 的 传递 
不 会 创建 实际 参数 的 任何 副本 ， 而 是 会 创建 一 个 对 变量 的 引用 并 将 它 作为 参数 传递 ， 并 且 会 
将 它 赋 给 局 部 变量 以 便 在 函数 内 部 使 用 。 局 部 变量 是 对 函数 外 部 的 变量 的 引用 ， 它 能 够 更 改 
初始 变量 的 值 。 

在 ActionScript 3.0 中 ， 所 有 的 参数 均 按 引 用 传递 ， 因 为 所 有 的 值 都 存储 为 对 象 。 但 是 ， 
属于 基本 数据 类 型 (包括 Boolean、Number、int、uint 和 String) 的 对 象 具 有 一 些 特殊 运算 符 ， 
这 使 它们 可 以 像 按 值 传递 一 样 工作 。 

例如 ， 代 码 5.3 创建 一 个 名 为 passPrimitivesO) 的 函数 ， 该 函数 定义 了 两 个 类 型 均 为 int\、 名 
称 分 别 为 xParam 和 yParam 的 参数 .这些 参数 与 在 passPrimitives() 函 数 体内 声明 的 局 部 变量 类 
似 。 当 使 用 xValue 和 yValue 参数 调用 函数 时 ，xParam 和 yParam 参数 将 用 对 int 对 象 的 引用 
进行 初始 化 ，int 对 象 由 xValue 和 yYValue 表示 。 因 为 参数 是 基 元 值 ， 所 以 它们 像 按 值 传递 一 样 
工作 。 尽 管 xParam 和 yParam 最 初 仅 包含 对 xValue 和 yValue 对 象 的 引用 ， 但 是 ， 对 函数 体 
内 的 变量 的 任何 更 改 都 会 导致 在 内 存 中 生成 这 些 值 的 新 副本 。 


代码 5.3 ”类 似 按 值 传递 的 函数 


代码 5.3 的 输出 结果 如 下 所 示 。 


在 passPrimitives() 函 数 内 部 , xParam 和 yParam 的 值 递增 , 但 这 不 会 影响 xValue 和 yValue 
的 值 ， 如 第 1 条 trace 语句 所 示 。 即 使 参数 的 命名 与 xValue 和 yValue 变量 的 命名 完全 相同 ， 
也 是 如 此 ， 因 为 函数 内 部 的 xValue 和 yValue 将 指向 内 存 中 的 新 位 置 ， 这 些 位 置 不 同 于 函数 外 
部 同名 的 变量 所 在 的 位 置 。 

其 他 所 有 对 象 〈 即 不 属于 基本 数据 类 型 的 对 象 ) 始终 按 引用 传递 ， 这 样 就 可 以 更 改 初 始 
变量 的 值 。 例 如 ， 代 码 5.4 创建 一 个 名 为 objVar 的 对 象 ， 该 对 象 具有 两 个 属性 : x 和 y。 该 对 
象 作为 参数 传递 给 passByRef0 函 数 。 因 为 该 对 象 不 是 基 元 类 型 ， 所 以 它 不 但 按 引 用 传递 ， 而 
且 还 保持 一 个 引用 。 这 意味 着 对 函数 内 部 的 参数 的 更 改 将 会 影响 到 函数 外 部 的 对 象 属性 。 


代码 5.4 ”对 象 作为 参数 ， 按 引用 传递 


代码 5.4 的 输出 结果 如 下 所 示 。 


objParam 参数 与 全 局 objVar 变量 ， 引 用 相同 的 对 象 。 正 如 代码 5.4 中 的 trace 语句 所 跟踪 
到 的 一 样 ， 对 objParam 对 象 的 x 和 y 属性 所 做 的 更 改 将 反映 在 objVar 对 象 中 。 


ActionScript 3.0 中 新 增 了 为 函数 声明 默认 参数 值 的 功能 .如 果 在 调用 具有 默认 参数 值 的 函 
数 时 省 略 了 具有 默认 值 的 参数 ， 那 么 ， 将 使 用 在 函数 定义 中 为 该 参数 指定 的 默认 值 。 所 有 具 
有 默认 值 的 参数 都 必须 放 在 参数 列表 的 末尾 。 指 定 为 默认 值 的 值 必须 是 编译 时 常量 。 如 果 某 


个 参数 存在 默认 值 ， 则 会 有 效 地 使 该 参数 成 为 可 选 参数 。 没 有 默认 值 的 参数 被 视 为 必须 的 
参数 。 

例如 ， 代 码 5.5 创建 一 个 具有 3 个 参数 的 函数 ， 其 中 的 两 个 参数 具有 默认 值 。 当 仅 用 一 个 
参数 调用 该 函数 时 ， 将 使 用 其 他 两 个 参数 的 默认 值 。 


代码 5.5 使 用 参数 的 默认 值 


代码 5.5 的 输出 结果 如 下 所 示 。 


[5 | 
3. arguments 对 象 


在 将 参数 传递 给 某 个 函数 时 , 可 以 使 用 arguments 对 象 来 访问 有 关 传 递 给 该 函数 的 参数 的 
信息 。arguments 对 象 的 一 些 重要 方面 包括 以 下 几 点 。 

口 arguments 对 象 是 一 个 数组 ， 其 中 包括 传递 给 函数 的 所 有 参数 。 

口 arguments.length 属性 报告 传递 给 函数 的 参数 数量 。 

口 arguments.callee 属性 提供 对 函数 本 身 的 引用 ， 该 引用 可 用 于 递归 调用 函数 表达 式 。 


© 如 果 将 任何 参数 命名 为 arguments, 或 者 使 用 ...(rest) 参 数 ， 则 arguments 对 象 不 
可 用 。 


在 ActionScript 3.0 中 ， 函 数 调用 中 所 包括 的 参数 的 数量 可 以 大 于 在 函数 定义 中 所 指定 的 
参数 数量 。 但 是 ， 如 果 参 数 的 数量 小 于 必须 参数 的 数量 ， 在 严格 模式 下 将 生成 编译 器 错误 。 
可 以 使 用 arguments 对 象 的 数组 样式 来 访问 传递 给 函数 的 任何 参数 , 而 无 须 考虑 是 否 在 函数 定 
义 中 定义 了 该 参数 。 代 码 5.6 使 用 arguments 数组 及 arguments.length 属性 来 查看 传递 给 
traceArgArray() 函 数 的 所 有 参数 。 


代码 5.6 使 用 arguments 数组 及 arguments.length 属性 


代码 5.6 的 输出 结果 如 下 所 示 。 


arguments.callee 属性 通常 用 在 匿名 函数 中 以 创建 递归 。 可 以 使 用 它 来 提高 代码 的 灵活 性 。 
如 果 递 归 函 数 的 名 称 在 开发 周期 内 的 不 同 阶段 会 发 生 改变 , 而 且 使 用 的 是 arguments.callee (而 
非 函数 名 )， 则 不 必 花 费 精力 在 函数 体内 更 改 递归 调用 。 在 代码 5.7 的 函数 表达 式 中 ， 使 用 
arguments.callee 属性 来 启用 递归 。 


代码 57 使 用 arguments.callee 属性 来 启用 递归 


代码 5.7 的 输出 结果 如 下 所 示 。 


应 避免 将 arguments 字符 串 作 为 参数 名 ， 因 为 它 将 遮蔽 arguments 对 象 。 例 如 ， 如 果 重 写 
代码 5.6 中 的 traceArgArray0 函 数 ， 以 便 添加 arguments 参数 ， 那 么 ， 函 数 体内 对 arguments 
的 引用 ， 将 是 该 参数 ， 而 不 是 arguments 对 象 。 代 码 5.8 不 生成 输出 结果 。 


代码 5.8 ”使 用 arguments 参数 


在 早期 的 ActionScript 版 本 中 ， arguments 对 象 还 包含 一 个 名 为 caller 的 属性 , 该 属性 是 对 
当前 函数 的 引用 。ActionScript 3.0 中 没有 caller 属性 ， 因 此 如 果 要 通过 引用 调用 函数 ， 则 可 以 
更 改 调用 函数 ， 以 使 其 传递 一 个 额外 的 参数 来 引用 它 本 身 。 


ActionScript 3.0 中 引入 了 一 个 名 为 .…(rest) 参 数 的 新 参数 声明 此 参数 可 用 来 指定 一 个 数组 
参数 ， 以 接受 任意 多 个 以 喜 号 分 隔 的 参数 。 此 参数 可 以 拥有 保留 字 以 外 的 任意 名 称 。 此 参数 
声明 必须 是 最 后 一 个 指定 的 参数 。 使 用 此 参数 会 使 arguments 对 象 变 得 不 可 用 。 尽 管 ...(rest) 
参数 提供 了 与 arguments 数组 和 arguments.length 属性 相同 的 功能 ， 但 是 它 不 提供 与 
arguments.callee 类 似 的 功能 。 使 用 ...(rest) 参 数 之 前 ， 应 确保 不 需要 使 用 arguments.callee。 

代码 5.9 中 使 用 .Gesb 参 数 〈 而 非 arguments 对 象 ) 来 重 写 代 码 5.6 中 的 traceArgArray() 
函数 。 


代码 5.9 使用...(rest) 参 数 1 


代码 5.9 的 输出 结果 如 下 所 示 : 


…(rest) 参 数 还 可 与 其 他 参数 一 起 使 用 ， 前 提 是 它 是 最 后 一 个 指定 的 参数 。 代 码 5.10 修改 
traceArgArray(0 函 数 ， 以 便 它 的 第 一 个 参数 x 是 int 类 型 ， 第 二 个 参数 使 用 .…(rest) 参 数 。 输 出 
结果 将 忽略 第 一 个 值 ， 因 为 第 一 个 参数 不 再 属于 由 ...(rest) 参 数 创建 的 数组 。 


代码 5.10 “使 用 .…(rest) 参 数 2 


代码 5.10 的 输出 结果 如 下 所 示 。 


5.2 字符 串 


在 编程 语言 中 ， 字 符 串 是 指 一 个 文本 值 ， 即 串 在 一 起 而 组 成 单个 值 的 一 系列 字母 、 数 字 
或 其 他 字符 。 在 ActionScript 中 ， 可 使 用 双 引 号 或 单 引号 将 文本 引起 来 以 表示 字符 串 值 。 

在 ActionScript 中 处 理 一 段 文本 时 ， 都 会 用 到 字符 串 值 。ActionScript 中 的 String 类 是 一 
种 可 用 来 处 理 文本 值 的 数据 类 型 。String 实例 通常 用 于 很 多 其 他 ActionScript 类 中 的 属性 、 方 
法 参数 等 。 


5.2.1 创建 字符 串 
在 ActionScript 3.0 中 ，String 类 用 于 表示 字符 串 〈 文 本 ) 数据 。ActionScript 字符 串 既 支 


持 ASCII 字符 也 支持 Unicode 字符 。 创 建 字符 串 的 最 简单 方式 是 使 用 字符 串 文本 。 要 声明 字 
符 串 文本 ， 可 以 使 用 双 直 引号 〈") 或 单 直 引 号 (') 字符 。 例 如 ， 以 下 两 个 字符 串 是 等 效 的 。 


还 可 以 使 用 new 运算 符 来 声明 字符 串 ， 如 下 所 示 。 


下 面 的 两 个 字符 串 是 等 效 的 。 


要 在 使 用 单 直 引 号 (') 分 隔 符 定义 的 字符 串 文 本 内 使 用 单 直 引 号 (')， 则 需要 使 用 反 斜 杠 
转 义 符 \)。 类 似 地 ， 要 在 使 用 双 直 引号 (") 分 隔 符 定义 的 字符 串 文 本 内 使 用 双 直 引 号 〈")， 
也 要 使 用 反 斜 杠 转 义 符 〈\)。 下 面 的 两 个 字符 串 是 等 效 的 。 


可 以 根据 字符 串 文本 中 存在 的 任何 单 直 引 号 或 双 直 引号 来 选择 使 用 单 直 引 号 或 双 直 引 
号 ， 如 下 所 示 。 


3 清 要 使 用 直 引 号 来 分 割 字 符 囊 文本 。 在 将 文本 从 其 他 来 源 粘贴 到 ActionScript 中 


ActionScript 可 区 分 单 直 引 号 () 和 左右 单 引号 (或 )。 对 于 双 引 号 也 同样 如 此 ， 
时 ， 确 保 使 用 正确 的 字符 。 


表 5-1 中 列 出 了 可 以 使 用 反 斜 杠 转 义 符 〈\) 在 字符 串 文本 中 定义 的 特殊 字符 。 
表 5-1 反 斜 杠 转 义 符 定义 的 特殊 字符 


mb 退 格 符 

¥ 换 页 符 

un 换行 符 

Ny 回 车 符 

At 制 表 符 

Nannn Unicode 字符 ， 字 符 代码 由 十 六 进 制 数字 nmmn 指定 ， 例 如 ，\u263a 为 笑脸 字符 
Wan ASCI 字 符 ， 字 符 代码 由 十 六 进 制 数字 mn 指定 

Y 单 引号 

公 双 引 号 

\ 单个 反 斜 杠 字符 


除了 上 面 自 定义 字符 串 外 , 还 可 以 获取 其 他 对 象 的 字符 串 表 示 形 式 。ActionScript 3.0 中 所 
有 对 象 都 提供 了 toString() 方 法 来 实现 此 目的 , 如 下 所 示 的 代码 获得 数字 型 数据 的 字符 串 形式 。 


在 使 用 + 连接 运算 符 连接 String 对 象 和 不 属于 字符 串 的 对 象 时 ， 无 须 使 用 toString0 方 法 。 
有 关 字 符 串 连接 的 详细 信息 ， 可 参阅 第 5.2.5 小 节 。 对 于 给 定 对 象 ，String0 全 局 函数 返回 的 值 
与 调用 该 对 象 的 toString0 方 法 返回 的 值 相同 。 


5.2.2 ”String 类 的 属性 和 字符 串 中 的 字符 


ActionScript 中 的 字符 串 ， 就 是 一 个 String 类 的 实例 ， 具 有 String 类 的 属性 和 方法 。 本 节 
将 介绍 ，String 类 的 length 属性 及 常用 方法 。 


每 个 字符 串 都 有 length 属性 ， 其 值 为 一 个 整数 ， 它 指定 String 对 象 中 的 字符 数 。 该 属性 
的 原始 定义 如 下 所 示 。 


例如 ， 下 面 的 代码 创建 了 一 个 字符 串 ， 通 过 length 属性 输出 该 字符 串 的 字符 数 。 


上 述 代 码 的 输出 结果 如 下 所 示 。 


所 有 字符 串 的 索引 都 是 从 零 开 始 的 ， 所 以 任何 字符 串 x 的 最 后 一 个 字符 的 索引 都 是 


x.length-1。 空 字符 串 和 null 字符 串 的 长 度 均 为 0， 如 下 例 所 示 。 


上 述 代码 的 输出 结果 如 下 所 示 。 


上 一 节 提 到 字符 串 索 引 ， 要 想 获得 字符 串 指定 位 置 的 字符 或 Unicode 字符 代码 ， 就 要 使 
用 charAt() 方 法 或 charCodeAt() 方 法 。 这 两 个 方法 用 来 检查 字符 串 中 各 个 位 置 上 的 字符 。 
其 中 charAt0 方 法 ， 返 回 由 参数 index 指定 的 位 置 处 的 字符 。 该 方法 的 定义 如 下 所 示 : 


该 方法 的 参数 index:Number(default=0) 是 一 个 整数 ， 指 定 字符 在 字符 串 中 的 位 置 。 第 一 个 
字符 由 0 指示 ， 最 后 一 个 字符 由 my_strlength-1 指示 。 

该 方法 的 返回 值 为 String 类 型 数据 ， 表 示 指 定 索引 处 的 字符 。 如 果 指 定 的 索引 不 在 该 字 
符 串 的 索引 范围 内 ， 即 index 不 是 从 0 到 string.length-1 之 间 的 数字 ， 则 返回 值 为 一 个 空 字 
符 串 。 

charCodeAt( 方 法 ， 返 回 指定 的 index 处 字符 的 Unicode 字符 代码 。 该 方法 的 定义 如 下 
所 示 : 


该 方法 的 参数 index:Number(default=0) 是 一 个 整数 ， 指 定 字符 在 字符 串 中 的 位 置 。 第 一 个 
字符 由 0 指示 ， 最 后 一 个 字符 由 my_strlength-1 指示 。 

该 方法 的 返回 值 为 Number 类 型 数据 ， 指 定 索 引 处 字符 的 Unicode 字符 代码 。 如 果 索 引 不 
在 此 字符 串 的 索引 范围 内 ， 则 返回 NaN。 

此 方法 与 String.charAt0 类 似 , 所 不 同 的 是 它 返回 的 值 是 16 位 整 型 字符 代码 , 而 不 是 实际 
的 字符 。 如 代码 5.11 所 示 ， 分 别 使 用 charAtO0 和 charCodeAt0 方 法 ， 输 出 字符 串 的 字符 信息 。 


代码 5.11 使 用 charAt() 和 charCodeAt() 方 法 
运行 代码 5.11 时 ， 会 产生 如 下 的 输出 结果 。 
| 


此 外 ， 还 可 以 通过 字符 代码 使 用 fromCharCode() 方 法 定义 字符 串 ， 如 下 代码 所 示 ， 创 建 
"hello" 字 符 串 。 


var mystr:string = String.fromcharcode(104,101,108,108,11D); 
3 在 大 小 写 之 间 转换 字符 串 “| 


toLowerCase() 方 法 和 toUpperCase() 方 法 分 别 将 字符 串 中 的 英文 字母 转换 为 小 写 和 大 写 ， 
如 下 面 的 代码 所 示 。 


上 述 代码 的 输出 结果 如 下 所 示 。 


执行 完 这 些 方法 后 ， 源 字符 串 str 仍 保持 不 变 。 要 转换 源 字符 串 ， 需 要 使 用 下 列 代码 。 


这 两 种 方法 还 可 以 处 理 扩展 字符 ， 而 并 不 局 限于 a~z 和 A~Z 的 英文 字母 ， 如 下 代码 
所 示 。 


上 述 代 码 的 输出 结果 如 下 所 示 。 


5.2.3 在 字符 串 中 查找 子 字符 串 和 模式 


子 字符 串 是 字符 串 内 的 字符 序列 。 例 如 ， 字 符 串 " 汇 智 " 具 有 如 下 子 字符 串 : "、" 汇 ”、 
" 智 "、" 汇 智 "。 模 式 是 在 ActionScript 中 通过 字符 串 或 正则 表达 式 定义 的 。ActionScript 提供 了 
在 字符 串 中 查找 模式 的 方法 ， 以 及 使 用 替换 子 字符 串 蔡 换 找到 的 匹配 项 的 方法 。 


substr0 和 substring() 方 法 非常 类 似 。 两 个 方法 都 返回 字符 串 的 一 个 子 字符 串 ， 并 且 两 个 方 
法 都 具有 两 个 参数 。 在 这 两 个 方法 中 ， 第 一 个 参数 是 子 字符 串 的 起 始 字符 的 位 置 。 不 过 ， 在 


substr() 方 法 中 ， 第 二 个 参数 是 要 返回 的 子 字符 串 的 长 度 ， 而 在 substring0 方 法 中 ， 第 二 个 参数 
是 子 字符 串 的 结尾 处 字符 的 位 置 〈 该 字符 未 包含 在 要 返回 的 字符 串 中 )。 代 码 5.12 显示 了 这 两 
种 方法 之 间 的 差别 。 


代码 5.12 ”使 用 substr() 和 substring() 方 法 


代码 5.12 的 输出 结果 如 下 所 示 : 


slice0 方 法 的 功能 类 似 于 substring( 方 法 。 当 指定 两 个 非 负 整 数 作为 参数 时 ， 其 运行 方式 
将 完全 一 样 。 但 是 ，slice() 方 法 可 以 使 用 负 整 数 作为 参数 ， 此 时 字符 位 置 将 从 字符 串 末尾 开始 
向 前 算 起 ， 如 代码 5.13 所 示 。 


代码 5.13 使 用 slice() 方 法 


代码 5.13 的 输出 结果 如 下 所 示 : 


可 以 使 用 indexOf0 和 lastIndexOf0 方 法 , 在 字符 串 内 查找 匹配 的 子 字符 串 的 索引 位 置 。 其 
中 ，indexOf0) 方 法 有 两 个 参数 ， 第 一 个 参数 为 要 搜索 的 子 字符 串 ， 第 二 个 参数 为 一 个 可 选 整 
数 ， 指 定 搜索 的 起 始 索引 ， 如 代码 5.14 所 示 。 


代码 5.14 ”使 用 indexOf() 方 法 


代码 5.14 的 输出 结果 如 下 所 示 。 


可 以 指定 第 二 个 参数 以 指出 在 字符 串 中 开始 进行 搜索 的 起 始 索引 位 置 , 如 代码 5.15 所 示 : 
代码 5.15 ”使 用 indexOf() 方 法 指定 起 始 索引 位 置 


代码 5.15 的 输出 结果 如 下 所 示 。 
IE 


lastIndexOf0 方 法 从 右 向 左 搜索 字符 串 ， 并 返回 在 指定 的 索引 之 前 ， 找 到 的 最 后 一 个 匹配 
项 的 索引 。 此 索引 从 零 开始 ， 这 意味 着 第 一 个 字符 位 于 索引 0 处 ， 最 后 一 个 字符 位 于 
string.length-1 处 。 如 果 未 找到 匹配 项 ， 则 该 方法 返回 -1， 如 代码 5.16 所 示 。 


代码 5.16 ”使 用 lastlndexOf() 方 法 


代码 5.16 的 输出 结果 如 下 所 示 。 


如 果 为 lastImdexOf() 方 法 提供 了 第 二 个 参数 ， 搜 索 将 从 字符 串 中 的 该 索引 位 置 反 向 〈 从 右 
到 左 ) 进行 ， 如 代码 5.17 所 示 。 


代码 5.17 “使 用 lastlndexOf() 方 法 指定 起 始 索引 位 置 


代码 5.17 的 输出 结果 如 下 所 示 。 


可 使 用 split( 方 法 创建 子 字符 串 数组 ， 该 数组 根据 分 隔 符 进行 划分 。split(0 方 法 的 第 一 个 
参数 为 分 隔 符 ， 例 如 ， 可 以 将 用 逗号 分 隔 或 空格 分 隔 的 字符 串 分 为 多 个 字符 串 。 第 二 个 参数 
是 可 选 参 数 ， 该 参数 定义 所 返回 数组 的 最 大 长 度 值 。 以 下 代码 说 明 如 何 使 用 与 字符 〈&) 作为 
分 隔 符 ， 将 字符 串 分 割 为 多 个 子 字符 串 数组 。 


此 外 ， 还 可 以 使 用 正则 表达 式 作 为 分 隔 符 。 


search() 方 法 返回 与 给 定 模式 相 匹配 的 第 一 个 子 字符 串 的 索引 位 置 ， 该 方法 的 定义 如 下 


© Search() 方 法 搜索 的 字符 串 区 分 大 小 写 。 ] 


该 方法 搜索 指定 的 pattern 并 返回 第 一 个 匹配 子 字符 串 的 索引 。 如果 没有 匹配 的 子 字符 串 ， 
则 返回 -1， 如 下 面 代码 所 示 : 


上 述 代 码 的 输出 结果 如 下 所 示 。 


还 可 以 使 用 正则 表达 式 定义 要 匹配 的 模式 ，search() 方 法 仅 查 找 一 个 匹配 项 并 返回 其 起 始 
索引 位 置 ， 即 便 在 正则 表达 式 中 设置 了 g (全局) 标志。 如 下 代码 使 用 正则 表达 式 作为 匹配 模 
式 ， 查 找 第 一 个 匹配 的 位 置 。 


上 述 代 码 输 出 结果 为 0， 因 为 在 正则 表达 式 中 设置 了 i 标志 ， 所 以 搜索 时 不 区 分 大 小 写 。 
匹配 的 字符 串 中 第 一 个 字符 的 索引 位 置 为 0。 

match() 方 法 的 工作 方式 与 此 类 似 。 它 搜索 一 个 匹配 的 子 字符 串 。 但 是 ， 如 果 在 正则 表达 
式 模式 中 使 用 了 全 局 标志 〈 如 下 例 所 示 )，match() 方 法 将 返回 一 个 包含 匹配 子 字符 串 的 数组 ， 
如 代码 5.18 所 示 。 


代码 5.18 match() 方 法 的 使 用 


代码 5.18 执行 后 ，results 数组 被 设置 为 以 下 内 容 。 


5.2.4 ”替换 子 字 符 串 和 模式 


replace0 方 法 对 字符 串 匹 配 指定 模式 并 返回 一 个 新 字符 串 ， 该 方法 的 定义 如 下 所 示 : 


该 方法 的 参数 pattern:* 为 要 匹配 的 模式 , 可 以 为 任何 类 型 的 对 象 , 但 通常 是 字符 串 或 正则 
表达 式 。 如 果 指 定 的 pattern 参数 是 除 字符 串 或 正则 表达 式 以 外 的 任何 其 他 对 象 ， 将 对 该 参数 
应 用 toString0 方 法 ， 并 使 用 结果 字符 串 作 为 pattern 来 执行 replace() 方 法 。 

repl:Object 参数 通常 是 要 插入 的 字符 串 ， 以 用 来 蔡 换 匹配 的 内 容 。 也 可 以 指定 一 个 函数 作 
为 此 参数 。 如 果 指 定 一 个 函数 ， 则 将 插入 由 该 函数 返回 的 字符 串 来 蔡 换 匹配 内 容 。 代 码 5.19 
中 ， 将 正则 表达 式 作为 匹配 模式 ， 使 用 了 replace() 方 法 蔡 换 子 字符 串 。 


代码 5.19 使 用 replace 方法 


在 代码 5.19 中 ， 在 正则 表达 式 中 设置 了 i(ignoreCase) 标 志 ， 所 以 匹配 的 字符 串 是 不 区 分 
大 小 写 的 ， 而 且 因为 设置 了 g(globaD) 标 志 ， 所 以 会 蔡 换 多 个 匹配 项 。 运 行 后 ， 输 出 结果 如 下 
所 示 。 


可 以 在 替换 字符 串 中 包括 $ 蔡 换代 码 ， 该 替换 代码 有 特殊 的 用 途 。 表 5-2 中 显示 了 $ 蔡 换代 
码 及 所 对 应 的 被 替换 文本 。 


表 5-2 S 替 换代 码 及 对 应 的 被 替换 文本 


$5 $ 
3& 匹配 的 子 字符 串 


3 字符 串 中 位 于 匹配 的 子 字符 串 前 面 的 部 分 。 请 注意 ， 此 代码 使 用 左 侧 直 单 引号 字符 〈`) ， 而 不 
是 直 单 引号 字符 〈') 或 左 侧 弯 单 引号 字符 (“) 

$' 字符 串 中 位 于 匹配 的 子 字符 串 后 面 的 部 分 。 请 注意 ， 此 代码 使 用 直 单 引号 字符 (') 

Sn 第 n 个 捕获 的 括号 组 匹配 项 ， 其 中 是 1~9 之 间 的 数字 ， 而 且 Sz 后 面 没有 十 进 制 数字 


Sn 第 mn 个 捕获 的 括号 组 匹配 项 ， 其 中 nn 是 一 个 十 进 制 的 两 位 数 (01 一 99) 。 如 果 未 定义 第 mn 个 
捕获 内 容 ， 则 普 换 文本 为 空 字符 串 


例如 ， 下 面 说 明了 如 何 使 用 $2 和 $1 替换 代码 ， 它 们 分 别 表示 第 一 个 和 第 二 个 匹配 的 捕 
获 组 。 


上 述 代 码 运行 后 ， 输 出 结果 如 下 所 示 。 
和 知 - 科 技 
指定 一 个 函数 作为 repl 时 ，replace() 方 法 将 以 下 参数 传递 给 该 函数 。 


字符 串 的 匹配 部 分 。 

任何 捕获 到 的 括号 组 匹配 项 都 将 作为 下 一 组 参数 提供 。 按 这 种 方式 传递 的 参数 数目 因 
括号 匹配 项 的 数目 而 异 。 可 以 通过 检查 函数 代码 中 的 arguments.length-3 来 确定 括号 匹 
配 项 的 数目 。 

口 字符 串 中 匹配 开始 的 索引 位 置 。 

口 完整 的 字符 串 。 

如 代码 5.20 所 示 ， 将 replFNO 函 数 作为 replace0 方 法 的 第 二 个 参数 。 


代码 5.20 将 函数 作为 replace() 方 法 的 第 二 个 参数 


jn | 


上 述 代 码 中 ， 对 replace0 方 法 的 调用 ， 匹 配 两 次 正则 表达 式 (([a-z]([0-9]/g)。 第 一 次 ， 模 
式 与 子 字符 串 "abc12" 匹 配 ， 并 将 以 下 参数 列表 传递 给 该 函数 ，{"abc12", "abe", "12", 0, "abc12 
def34"}， 第 二 次 ， 模 式 与 子 字符 串 "def23" 匹 配 ， 并 将 以 下 参数 列表 传递 给 该 函数 ，{"def34"， 
"def', "34", 6, "abc123 def34"}。 最 终 输 出 的 结果 如 下 所 示 。 


5.2.5 字符 串 的 连接 与 比较 


前 面 几 节 介绍 的 大 部 分 是 对 单一 字符 串 的 操作 ， 本 节 介 绍 如 何 对 多 个 字符 串 进行 操作 ， 
包括 连接 和 比较 。 


字符 串 连 接 的 含义 是 : 将 两 个 字符 串 按 顺序 合并 为 一 个 字符 串 。 例 如 ， 可 以 使 用 + 运算 符 
来 连接 两 个 字符 串 。 


上 述 代 码 执行 后 ， 变 量 str 的 值 为 " 汇 智 科技 "， 还 可 以 使 用 += 运 算 符 得 到 相同 的 结果 ， 如 
下 代码 所 示 。 


如 果 使 用 + 运算 符 (或 += 运算 符 ) 对 String 对 象 和 非 字 符 串 的 对 象 进行 运算 ，ActionScript 


会 自动 将 非 字 符 串 对 象 转换 为 String 对 象 以 计算 该 表达 式 。 如 下 例 所 示 ， 运 行 后 ，str 的 值 为 
"Area=28.274333882308138"。 


但 是 ， 可 以 使 用 括号 进行 分 组 ， 为 + 运算 符 提供 运算 的 上 下 文 ， 如 下 例 所 示 。 


上 述 代 码 的 输出 结果 如 下 所 示 。 


此 外 ，String 类 还 包括 concat0 方 法 ， 该 方法 在 String 对 象 末 尾 追 加 补充 参数 如果 需要 ， 
将 它们 转换 为 字符 串 ) 并 返回 结果 字符 串 。 源 String 对 象 的 原始 值 保持 不 变 。 该 方法 的 定义 
如 下 所 示 。 


下 面 的 代码 使 用 concat0 方 法 ， 运 行 后 ，str 的 值 为 www-itzcn.cn 。 


数字 的 比较 ， 肯 定 都 不 陌生 ， 例 如 2>1 众所周知 。 字 符 串 的 比较 相对 来 说 比较 少见 ， 现 
实 中 ， 按 字母 顺序 排序 属于 简单 的 字符 串 比较 。 由 于 计算 机 中 储存 的 数据 都 是 二 进 制 数 ， 也 
就 为 各 种 数据 进行 比较 提供 了 可 能 。 其 中 ， 字 符 串 的 比较 是 将 字符 串 中 字符 的 字符 代码 依次 
进行 比较 ， 直 到 比较 出 结果 。 

可 以 使 用 以 下 运算 符 比 较 字 符 串 : <、<=、!=、 一 、=> 和 >。 可 以 将 这 些 运 算 符 与 条 件 语 
句 〈 如 迁 和 while) 一 起 使 用 ， 如 代码 5.21 所 示 。 


代码 5.21 ”比较 字符 串 


代码 5.21 将 输出 如 下 所 示 的 结果 。 
[| 


在 将 这 些 运算 符 用 于 字符 串 时 ，ActionScript 会 使 用 字符 串 中 每 个 字符 的 字符 代码 值 从 左 
到 右 比较 各 个 字符 ， 如 代码 5.22 所 示 。 


代码 5.22 ”演示 从 左 到 右 比较 各 个 字符 


代码 5.22 运行 后 ， 输 出 结果 如 下 所 示 : 


使 用 == 和 != 运 算 符 可 比较 两 个 字符 串 ， 也 可 以 将 字符 串 与 其 他 类 型 的 对 象 进行 比较 ， 如 
代码 5.23 所 示 。 


代码 5.23 ”使 用 == 运 算 符 ， 将 字符 串 与 其 他 类 型 的 对 象 进行 比较 


代码 5.23 运行 后 ， 输 出 结果 如 下 所 示 。 


5.3 数组 


使 用 数组 可 以 在 单数 据 结 构 中 存储 多 个 值 。 在 ActionScript 3.0 中 可 以 使 用 简单 的 索引 数 
组 (使 用 固定 有 序 的 整数 索引 存储 值 )， 也 可 以 使 用 复杂 的 关联 数组 (使 用 任意 键 存储 值 )。 
数组 还 可 以 是 多 维 的 ， 即 包含 本 身 是 数组 的 元 素 。 

5.3.1 数组 简介 


需要 在 编程 中 使 用 一 组 项 目 ， 而 不 是 单个 对 象 。 例 如 ， 在 音乐 播放 器 应 用 程序 中 ， 可 能 
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希望 将 等 待 播放 的 歌曲 放 在 列表 中 。 不 希望 必须 为 该 列表 中 的 每 首 歌曲 创建 单独 的 变量 ， 而 
是 希望 将 所 有 歌曲 对 象 放 在 一 个 包 中 ， 因 而 能 够 将 其 作为 一 个 组 进行 使 用 。 

数组 是 一 种 编程 元 素 ， 它 用 作 一 组 项 目的 容器 ， 如 一 组 歌曲 。 通 常 ， 数 组 中 的 所 有 项 目 
都 是 相同 类 的 实例 , 但 这 在 ActionScript 中 并 不 是 必须 的 。 数 组 中 的 各 个 项 目 称 为 数组 的 元 素 。 
可 以 将 数组 视 为 变量 的 文件 柜 ， 将 变量 作为 元 素 添加 到 数组 中 ， 就 像 将 文件 夹 放 到 文件 柜 中 
一 样 。 当 数组 中 包含 一 些 元 素 后 ， 可 以 将 数组 作为 单个 变量 使 用 就 像 将 整个 文件 柜 搬 到 其 
他 地 方 一 样 )， 将 这 些 变 量 作 为 组 使 用 (就 像 逐 个 浏览 文件 夹 以 搜索 一 条 信息 一 样 )， 或 者 ， 
可 以 分 别 访问 它们 就 像 打 开 文件 柜 并 选择 单个 文件 夹 一 样 )。 

例如 ， 要 创建 一 个 音乐 播放 器 应 用 程序 ， 用 户 可 以 在 其 中 选择 多 首 歌 曲 ， 并 将 这 些 歌曲 
添加 到 播放 列表 中 。 开 发 者 可 以 在 ActionScript 代码 中 添加 一 个 名 为 addSongsToPlaylist(O) 的 方 
法 ， 该 方法 接受 单个 数组 作为 参数 。 无 论 要 将 多 少 首 歌曲 〈 几 首 、 很 多 首 甚至 只 有 一 首 ) 添 
加 到 列表 中 ,都 只 需要 调用 一 次 addSongsToPlaylist() 方 法 , 并 将 其 传递 给 包含 歌曲 对 象 的 数组 。 
在 addSongsToPlaylist0 方 法 中 ， 可 以 使 用 循环 来 逐个 访问 数组 元 素 〈 歌 曲 )， 并 将 歌曲 添加 到 
播放 列表 中 。 

最 常见 的 ActionScript 数组 类 型 是 索引 数组 ， 此 数组 将 每 个 项 目 存储 在 编号 位 置 〈 称 为 索 
引 )， 可 以 使 用 该 编号 来 访问 项 目 ， 如 地 址 。Array 类 用 于 表示 索引 数组 。 索 引 数 组 可 以 很 好 
地 满足 大 多 数 编程 的 需要 。 索 引 数 组 的 一 个 特殊 用 途 是 多 维 数组 ， 此 索引 数组 的 元 素 也 是 索 
引 数 组 (这 些 数组 又 包含 其 他 元 素 )。 另 一 种 数组 类 型 是 关联 数组 ， 该 数组 使 用 字符 串 键 来 标 
识 各 个 元 素 ， 而 不 是 使 用 数字 索引 。 最 后 ， 对 于 高 级 用 户 ，ActionScript 3.0 还 包括 Dictionary 
类 (表示 字典 )， 在 此 数组 中 ， 可 以 将 任何 类 型 的 对 象 用 作 键 来 区 分 元 素 。 


5.3.2 索引 数组 


索引 数组 存储 一 系列 经 过 组 织 的 单个 或 多 个 值 ， 其 中 的 每 个 值 都 可 以 通过 使 用 一 个 无 符 
号 整数 值 进行 访问 。 第 一 个 索引 始终 是 数字 0,， 且 添加 到 数组 中 的 每 个 后 续 元 素 的 索引 以 1 为 
增 量 递增 。 

索引 数组 使 用 无 符号 32 位 整数 作为 索引 号 。 索 引 数 组 的 最 大 索引 号 为 2 -1， 即 
4 294 967 295。 如 果 要 创建 的 数组 大 小 超过 最 大 值 ， 则 会 出 现 运行 时 错误 。 

数组 元 素 的 值 可 以 为 任意 数据 类 型 。 ActionScript 3.0 不 支持 指定 类 型 的 数组 概念 , 也 就 是 
说 ， 不 能 指定 数组 的 所 有 元 素 都 属于 特定 数据 类 型 。 

可 以 调用 Array 类 的 构造 函数 或 使 用 数组 文本 初始 化 数组 ，Array 类 中 还 包含 可 用 来 修改 
索引 数组 的 属性 和 方法 。 这 些 属 性 和 方法 几乎 是 专用 于 索引 数组 而 非 关联 数组 的 。 下 面 将 讲 
述 如 何 使 用 Array 类 创建 和 修改 索引 数组 ， 首 先 讲 的 是 如 何 创建 数组 。 修 改 数组 的 方法 分 为 3 
类 ， 包 括 插入 元 素 、 删 除 元 素 和 对 数组 进行 排序 。 最 后 一 类 中 的 方法 将 现 有 数组 当 作 只 读数 
组 ， 这 些 方法 仅 用 于 查询 数组 。 所 有 的 查询 方法 都 返回 新 的 数组 ， 而 非 修改 现 有 数组 。 

[上 创建 数组 门 


Array 类 构造 函数 的 使 用 有 3 种 方式 。 第 一 种 ， 如 果 调 用 不 带 参数 的 构造 函数 ， 会 得 到 空 
数组 。 可 以 使 用 Array 类 的 length 属性 来 验证 数组 是 否 包含 元 素 。 例 如 ， 以 下 代码 调用 不 带 参 


数 的 Array 类 构造 函数 ， 输 出 结果 为 0。 


第 二 种 , 如果 将 一 个 数字 用 作 Array 类 构造 函数 的 唯一 参数 , 则 会 创建 长 度 等 于 此 数值 的 
数组 ， 并 且 每 个 元 素 的 值 都 设置 为 undefined。 参 数 必须 为 介 于 值 0 和 4 294 967 295 之 间 的 无 
符号 整数 。 例 如 ， 以 下 代码 调用 带 有 一 个 数字 参数 的 Array 类 构造 函数 。 


上 述 代码 的 输出 结果 如 下 所 示 。 


第 三 种 ， 如 果 调 用 构造 函数 并 传递 一 个 元 素 列表 作为 参数 ， 将 创建 具有 与 每 个 参数 对 应 
的 元 素 的 数组 。 以 下 代码 将 3 个 参数 传递 给 Array 类 构造 函数 。 


上 述 代 码 的 输出 结果 如 下 所 示 。 


也 可 以 创建 具有 数组 文本 或 对 象 文本 的 数组 。 可 以 将 数组 文本 直接 分 配给 数组 变量 ， 如 
以 下 例 所 示 。 


可 以 使 用 Armray 类 的 3 种 方法 (pushO0、unshiftO0 和 splice0) 将 元 素 插入 数组 。push() 方 法 
用 于 在 数组 末尾 添加 一 个 或 多 个 元 素 。 换言之 , 使 用 push0 方 法 在 数组 中 插入 的 最 后 一 个 元 素 
将 具有 最 大 索引 号 。unshift0) 方 法 用 于 在 数组 开头 插入 一 个 或 多 个 元 素 ， 并 且 始 终 在 索引 号 0 


处 插入 。splice() 方 法 用 于 在 数组 中 的 指定 索引 处 插入 任意 数目 的 项 目 。 

代码 5.24 中 对 所 有 的 3 种 方法 进行 了 说 明 。 它 创建 一 个 名 为 planets 的 数组 ， 以 便 按 照 距 
离 太 阳 的 远近 顺序 存储 各 个 行星 的 名 称 。 首 先 ， 调 用 push0 方 法 以 添加 初始 项 Mars。 接 着 ， 
调用 unshift() 方 法 在 数组 开头 插入 项 Mercury。 最 后 , 调用 splice( 方 法 在 Mercury 之 后 和 Mars 
之 前 插入 项 Venus 和 Earth。 传 递 给 splice0 的 第 一 个 参数 是 整数 1， 它 用 于 指示 从 索引 1 处 开 
始 插入 。 传 递 给 splice0 的 第 二 个 参数 是 整数 0， 它 表示 不 应 删除 任何 项 。 传 递 给 splice0 的 第 
三 和 第 四 个 参数 Venus 和 Earth 为 要 插入 的 项 。 


代码 5.24 使 用 Array 类 的 3 种 插入 方法 


代码 5.24 的 输出 结果 如 下 所 示 : 
vercury/VenusEarthMars 


pushO0 和 unshift0) 方 法 均 返回 一 个 无 符号 整数 ， 它 们 表示 修改 后 的 数组 长 度 。 在 用 于 插入 
元 素 时 ，splice() 方 法 返回 空 数组 ,这 看 上 去 也 许 有 点 奇怪 , 但 考虑 到 splice0 方 法 的 多 用 途 性 ， 
便 会 觉得 它 很 有 意义 。 通 过 使 用 splice( 方 法 ， 不 仅 可 以 将 元 素 插入 到 数组 中 ， 而 且 还 可 以 从 
数组 中 删除 元 素 。 用 于 删除 元 素 时 ，splice() 方 法 将 返回 包含 被 删除 元 素 的 数组 。 


可 以 使 用 Array 类 的 3 种 方法 (pop0、shift0 和 splice0) 从 数组 中 删除 元 素 。pop0 方 法 用 
于 从 数组 末尾 删除 一 个 元 素 。 换 言 之 ， 它 将 删除 位 于 最 大 索引 号 处 的 元 素 。shift0 方 法 用 于 从 
数组 开头 删除 一 个 元 素 ， 也 就 是 说 ， 它 始终 删除 索引 号 0 处 的 元 素 。splice0 方 法 既 可 用 来 插 
入 元 素 ， 又 可 以 删除 任意 数目 的 元 素 ， 其 操作 的 起 始 位 置 位 于 由 传送 到 此 方法 的 第 一 个 参数 
指定 的 索引 号 处 。 

代码 5.25 中 使 用 所 有 3 种 方法 从 数组 中 删除 元 素 。 它 创建 一 个 名 为 oceans 的 数组 ， 以 便 
存储 海洋 的 名 称 。 数 组 中 的 某 些 名 称 为 河流 的 名 称 而 非 海洋 的 名 称 ， 因 此 需要 将 其 删除 。 


代码 5.25 ”使 用 Array 类 的 3 种 删除 方法 


首先 ,使 用 splice() 方 法 删除 “黄河 ”和 “长 江 ” 并 插入 大 西洋 和 印度 洋 。 传 递 给 spliceO) 
的 第 一 个 参数 是 整数 2， 它 表示 应 从 列表 中 的 第 3 项 〈 即 索引 2 处 ) 开始 执行 操作 。 第 二 个 参 
数 2 表示 应 删除 两 项 。 其 余 两 个 参数 “大 西洋 ”和 “印度 洋 ” 是 要 在 索引 2 处 插入 的 值 。 

然后 ， 使 用 pop() 方 法 删除 数组 中 的 最 后 一 个 元 素 “淮河 ”。 最 后 ， 使 用 shift0 方 法 删除 数 
组 中 的 第 1 项 “珠江 ”。 

代码 5.25 的 输出 结果 如 下 所 示 。 


popO0 和 shift0 方 法 均 返 回 已 删除 的 项 。 由 于 数组 可 以 包含 任意 数据 类 型 的 值 , 因而 返回 值 
的 数据 类 型 为 Object。splice() 方 法 将 返回 包含 被 删除 项 的 数组 。 可 以 以 更 改 oceans 数组 示例 ， 
以 使 splice0 调 用 将 被 删除 项 的 数组 分 配给 新 的 数组 变量 ， 部 分 代码 如 下 所 示 : 


上 述 代码 的 输出 结果 如 下 所 示 。 


delete 运算 符 用 于 将 数组 元 素 的 值 设置 为 undefined， 但 它 不 会 从 数组 中 删除 元 素 。 例 如 ， 
代码 5.26 在 oceans 数组 的 第 3 个 元 素 上 使 用 delete 运算 符 ， 但 此 数组 的 长 度 仍 然 为 4。 


代码 5.26 ”使 用 Array 类 的 delete 运算 符 


代码 5.26 的 输出 结果 如 下 所 示 。 


可 以 使 用 数组 的 length 属性 截断 数组 。 如 果 将 数组 的 length 属性 设置 为 小 于 数组 当前 长 
度 的 值 ， 则 会 截断 数组 ， 在 索引 号 高 于 length 的 新 值 减 1 处 所 存储 的 任何 元 素 都 将 被 删除 。 
例如 ， 如 果 oceans 数组 的 排序 是 将 所 有 有 效 项 放 在 数组 的 开始 处 ， 则 可 以 使 用 length 属性 删 
除数 组 末尾 的 项 ， 如 代码 5.27 所 示 。 


代码 5.27 使 用 Array 类 的 length 属性 截断 数组 
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oceans .Length = 47 


trace (oceans) 7 
代码 5.27 的 输出 结果 如 下 所 示 。 
"北冰洋 "，" 大 西洋 "， "印度 洋 "， "太平 洋 " 


4， 对 数组 排序 


可 以 使 用 3 种 方法 (reverse0、sort0 和 sortOn()) 通过 排序 或 反 向 排序 来 更 改 数组 的 顺序 。 
所 有 这 些 方法 都 用 来 修改 现 有 数组 。reverse() 方 法 用 于 按照 以 下 方式 更 改 数组 的 顺序 : 最 后 一 
个 元 素 变 为 第 一 个 元 素 ， 倒 数 第 二 个 元 素 变 为 第 二 个 元 素 ， 依 次 类 推 。sort0 方 法 可 用 来 按照 
多 种 预定 义 的 方式 对 数组 进行 排序 ， 甚 至 可 用 来 创建 自 定义 排序 算法 。sortOn0 方 法 可 用 来 对 
对 象 的 索引 数组 进行 排序 ， 这 些 对 象 具 有 一 个 或 多 个 可 用 作 排 序 键 的 公共 属性 。 

reverse() 方 法 不 带 参 数 , 也 不 返回 值 , 但 可 以 将 数组 从 当前 顺序 切换 为 相反 顺序 。 代 码 5.28 
颠倒 了 oceans 数组 中 列 出 的 海洋 顺序 。 


代码 5.28 ”reverse() 方 法 颠倒 数组 中 元 素 的 顺序 
var oceans:Array = [" 北 冰 洋 "，" 大 西洋 "，" 印 度 洋 "， "太平洋 "]; 


oceans.reverse(); 
trace (oceans); 


代码 5.28 的 输出 结果 如 下 所 示 。 

"太平 洋 "， "印度 洋 "，" 大 西洋 "， "北冰洋" 

sort() 方 法 按照 默认 排序 顺序 重新 安排 数组 中 的 元 素 。 默 认 排序 顺序 具有 以 下 特征 。 

口 排序 区 分 大 小 写 ， 也 就 是 说 大 写字 符 优先 于 小 写字 符 。 例 如 ， 字 母 D 优先 于 字母 b。 

口 排序 按照 升序 进行 , 也 就 是 说 低位 字符 代码 (例如 A ) 优 先 于 高 位 字符 代码 (例如 B )。 

口 排序 将 相同 的 值 互 邻 放置 ， 并 且 不 区 分 顺序 。 

口 排序 基于 字符 串 ， 也 就 是 说 ， 在 比较 元 素 之 前 ， 先 将 其 转换 为 字符 串 (例如 ，10 优先 

于 3， 因 为 相对 于 字符 串 "3" 而 言 ， 字 符 串 "1" 具 有 低位 字符 代码 )。 

也 许 需 要 不 区 分 大 小 写 或 者 按照 降序 对 数组 进行 排序 ， 或 者 数组 中 包含 数字 ， 从 而 需要 
按照 数字 顺序 而 非 字 母 顺序 进行 排序 。sort0 方 法 具有 options 参数 ， 可 通过 该 参数 改变 默认 排 
序 顺 序 的 各 个 特征 。options 是 由 Array 类 中 的 一 组 静态 常量 定义 的 ， 如 表 5-3 所 示 。 


表 53 参数 options 的 值 与 实现 功能 


参数 options 的 值 实现 功能 

Array.CASEINSENSITIVE 可 使 排序 不 区 分 大 小 写 。 例 如 ， 小 写字 母 b 优先 于 大 写字 母 D 
Array.DESCENDING 用 于 颠倒 默认 的 升序 排序 。 例 如 ， 字 母 B 优先 于 字母 A 
Array.UNIQUESORT 如 果 发 现 两 个 相同 的 值 ， 此 选项 将 导致 排序 中 止 

Array NUMERIC 这 会 导致 排序 按照 数字 顺序 进行 ， 比 方 说 3 优先 于 10 


代码 5.29 重点 说 明了 这 些 选项 中 的 某 些 选项 。 它 创建 一 个 名 为 poets 的 数组 , 并 使 用 几 种 


不 同 的 选项 对 其 进行 排序 。 
代码 5.29 使 用 sort() 方 法 ， 不 同 参数 options 的 值 


代码 5.29 的 输出 结果 如 下 所 示 。 


也 可 以 编写 自 定义 排序 函数 ， 然 后 将 其 作为 参数 传递 给 sort0 方 法 。 例如， 如果 有 一 个 名 
称 列表 ， 其 中 每 个 列表 元 素 都 包含 一 个 人 的 全 名 ， 但 现在 要 按照 姓 来 对 列表 排序 ， 则 必须 使 
用 自 定义 排序 函数 解析 每 个 元 素 ， 然 后 使 用 排序 函数 中 的 姓 对 列表 排序 。 代 码 5.30 说 明 如 何 
使 用 自 定义 函数 作为 参数 ， 传 递 给 Array.sort() 方 法 来 完成 上 述 工作 。 


代码 5.30 ”使 用 自 定义 函数 作为 参数 ， 传 递 给 Array.sort() 方 法 


代码 5.30 的 输出 结果 如 下 所 示 。 


自 定义 排序 函数 orderLastNameO 使 用 正则 表达 式 从 每 个 元 素 中 提取 姓 , 以 用 于 比较 操作 。 
针对 names 数组 调用 sort(0 方 法 时 ， 函 数 标识 符 orderLastName 用 作 唯 一 的 参数 。 排 序 函 数 接 
受 两 个 参数 a 和 b， 因 为 它 每 次 对 两 个 数组 元 素 进行 操作 。 排序 函数 的 返回 值 指示 应 如 何 对 元 
素 排序 。 

口 返回 值 为 -1 表示 第 一 个 参数 a 优先 于 第 二 个 参数 b。 

口 返回 值 为 1 表示 第 二 个 参数 b 优先 于 第 一 个 参数 a。 

口 返回 值 为 0 表示 元 素 具 有 相同 的 排序 优先 级 。 

sortOn() 方 法 是 为 包含 对 象 元 素 的 索引 数组 设计 的 。 这 些 对 象 应 至 少 具有 一 个 可 用 作 排 序 
键 的 公共 属性 。 如 果 将 sortOn() 方 法 用 于 任何 其 他 类 型 的 数组 ， 则 会 产生 意外 结果 。 

代码 5.31 修改 poets 数组 ,以 使 每 个 元 素 均 为 对 象 而 非 字符 串 。 每 个 对 象 既 包 含 诗人 的 姓 
又 包含 诗人 的 出 生年 份 。 


代码 5.31 修改 poets 数组 每 个 元 素 均 为 对 象 


可 以 使 用 sortOn0 方 法 ， 按 照 borm 属性 对 数组 进行 排序 。sortOn() 方 法 定义 两 个 参数 
fieldName 和 options， 必 须 将 fieldName 参数 指定 为 字符 串 。 代 码 5.32 中 ,使 用 两 个 参数 bom 
和 Array.NUMERIC 来 调用 sortOn()。Array.NUMERIC 参数 用 于 确保 按照 数字 顺序 进行 排序 ， 
而 不 是 按照 字母 顺序 。 即 使 所 有 数字 具有 相同 的 数位 ， 这 也 是 一 种 很 好 的 做 法 ， 因 为 当 后 来 
在 数组 中 添加 较 少数 位 或 较 多 数位 的 数字 时 ， 它 会 确保 排序 继续 进行 。 


代码 5.32 调用 sortOn() 方 法 


代码 5.32 的 输出 结果 如 下 所 示 。 


通常 ，sort0 和 sortOn() 方 法 用 来 修改 数组 。 如 果 要 对 数组 排序 而 又 不 修改 现 有 数组 ， 要 将 
ArrayRETURNINDEXEDARRAY 常量 作为 options 参数 的 一 部 分 进行 传递 。 此 选项 将 指示 方 
法 返回 反映 排序 的 新 数组 同时 保留 原始 数组 。 方 法 返回 的 数组 为 由 反映 新 排序 顺序 的 索引 
号 组 成 的 简单 数组 ， 不 包含 原始 数组 的 任何 元 素 。 例 如 ， 如 果 要 根据 出 生年 份 对 poets 数组 排 
序 , 同时 不 对 数组 进行 修改 , 可 在 传递 的 options 参数 中 包括 ArrayRETURNINDEXEDARRAY 
常量 。 

代码 5.33 将 返回 的 索引 信息 存储 在 名 为 indices 的 数组 中 ， 然 后 使 用 indices 数组 和 未 修 
改 的 poets 数组 按 出 生年 份 顺序 输出 诗人 。 


代码 5.33 ”输出 返回 的 索引 信息 


代码 5.33 的 输出 结果 如 下 所 示 。 


Array 类 中 的 其 余 4 种 方法 concat0、join0、slice0 和 toString0 用 于 查询 数组 中 的 信息 ， 
而 不 修改 数组 .concat0 和 slice() 方 法 返回 新 数组 ,而 join0 和 toString() 方 法 返回 字符 串 ,concat() 
方法 将 新 数组 和 元 素 列表 作为 参数 ， 并 将 其 与 现 有 数组 结合 起 来 创建 新 数组 。slice(0 方 法 具有 
两 个 名 为 startIndex 和 endIndex 的 参数 ,并 返回 一 个 新 数组 ， 它 包含 从 现 有 数组 分 离 出 来 的 元 
素 副 本 。 分 离 从 startIndex 处 的 元 素 开 始 ， 到 endIndex 处 的 前 一 个 元 素 结束 。 值 得 强调 的 是 ， 
endIndex 处 的 元 素 不 包括 在 返回 值 中 。 

代码 5.34 通过 concat0 和 slice0 方 法 ， 使 用 其 他 数组 的 元 素 创建 一 个 新 数组 。 


代码 5.34 使 用 concat() 和 slice() 方 法 


代码 5.34 的 输出 结果 如 下 所 示 。 


可 以 使 用 join0 和 toString() 方 法 查询 数组 ， 并 将 其 内 容 作为 字符 串 返 回 。 如 果 join0 方 法 
没有 使 用 参数 ， 则 这 两 个 方法 的 行为 相同 ， 它 们 都 返回 包含 数组 中 所 有 元 素 列表 〈 以 逗号 分 
隔 ) 的 字符 串 。 与 toString0 方 法 不 同 , join0 方 法 接受 名 为 delimiter 的 参数 ， 可 以 使 用 此 参数 ， 
选择 要 用 作 返 回 字符 串 中 各 个 元 素 之 间 分 隔 符 的 符号 。 

代码 5.35 创建 名 为 rivers 的 数组 , 并 调用 join0 和 toString() 方 法 以 便 按 字符 串 形式 返回 数 
组 中 的 值 。toString() 方 法 用 于 返回 以 逗号 分 隔 的 值 ， 而 join( 方 法 用 于 返回 以 + 字符 分 隔 的 值 。 


代码 5.35 ”使 用 join() 和 toString() 方 法 


代码 5.35 的 输出 结果 如 下 所 示 。 


5.3.3 ”关联 数组 


关联 数组 有 时 候 也 称 为 哈 希 或 映射 ， 它 使 用 键 而 非 数 字 索 引 来 组 织 存储 的 值 。 关 联 数组 
中 的 每 个 键 都 是 用 于 访问 一 个 存储 值 的 唯一 字符 串 。 关 联 数组 为 Object 类 的 实例 ， 也 就 是 说 
每 个 键 都 与 一 个 属性 名 称 对 应 。 关 联 数组 是 键 和 值 对 的 无 序 集合 。 在 代码 中 ， 不 应 期 望 关联 
数组 的 键 按 特定 的 顺序 排列 。 本 节 说 明 如 何 创建 使 用 字符 串 和 对 象 作为 键 的 数组 。 


| 


在 ActionScript 3.0 中 有 两 种 创建 关联 数组 的 方法 。 第 一 种 方法 是 使 用 Object 类 构造 函数 ， 


它 的 优点 是 可 以 使 用 对 象 文本 初始 化 数组 。Object 类 的 实例 〈 也 称 作 通用 对 象 ) 在 功能 上 等 
同 于 关联 数组 。 通 用 对 象 的 每 个 属性 名 称 都 用 作 键 ， 提 供 对 存储 的 值 的 访问 。 

代码 5.36 创建 一 个 名 为 monitorInfo 的 关联 数组 ,并 使 用 对 象 文本 初始 化 具有 两 个 键 和 值 
对 的 数组 。 


代码 5.36 “使 用 对 象 文本 创建 关联 数组 


代码 5.36 的 输出 结果 如 下 所 示 。 


如 果 在 声明 数组 时 不 需要 初始 化 ， 可 以 使 用 Object 类 构造 函数 创建 数组 ， 代 码 如 下 所 示 。 


使 用 对 象 文本 或 Object 类 构造 函数 创建 数组 后 , 可 以 使 用 括号 运算 符 ([]) 或 点 运算 符 (.) 
在 数组 中 添加 值 。 代 码 5.37 将 两 个 新 值 添加 到 monitorArray 中 。 


代码 5.37_ 将 两 个 新 值 添加 到 数组 


代码 5.37 的 输出 结果 如 下 所 示 。 


名 为 aspect ratio 的 键 包含 空格 字符 。 也 就 是 说 ， 空 格 字符 可 以 与 括号 运算 符 
更 一 起 使 用 ， 但 试图 与 点 运算 符 一 起 使 用 时 会 生成 一 个 错误 。 不 建议 在 键 名 称 
中 使 用 空格 。 


第 二 种 关联 数组 的 创建 方法 是 使 用 Array 类 构造 函数 ， 然 后 使 用 括号 运算 符 〈[]) 或 点 运 
算 符 (.) 将 键 和 值 对 添加 到 数组 中 。 如 果 将 关联 数组 声明 为 Array 类 型 ， 则 将 无 法 使 用 对 象 
文本 初始 化 该 数组 。 代 码 5.38 使 用 Array 构造 函数 创建 一 个 名 为 monitorInfo 的 关联 数组 ， 并 
添加 一 个 名 为 type 的 键 和 一 个 名 为 resolution 的 键 以 及 它们 的 值 。 


代码 5.38 ”使 用 Array 类 构造 函数 创建 关联 数组 


代码 5.38 的 输出 结果 如 下 所 示 。 


使 用 Array 类 构造 函数 创建 关联 数组 没有 什么 优势 。 即 使 使 用 Array 类 构造 函数 或 Array 
数据 类 型 ， 也 不 能 将 Array 类 的 Array.length 属性 或 任何 方法 用 于 关联 数组 。 最 好 将 Array 类 
构造 函数 用 于 创建 索引 数组 。 


可 以 使 用 Dictionary 类 创建 使 用 对 象 而 非 字符 串 作 为 键 的 关联 数组 ,这样 的 数组 有 时 候 也 
称 作 字典 、 哈 希 或 映射 。 例如， 考虑 这 样 一 个 应 用 程序 ,可 根据 Sprite 对 象 与 特定 容器 的 关联 
确定 Sprite 对 象 的 位 置 。 可 以 使 用 Dictionary 对 象 ， 将 每 个 Sprite 对 象 映射 到 一 个 容器 。 

以 下 代码 创建 3 个 用 作 Dictionary 对 象 的 键 的 Sprite 对 象 实例 。 它 为 每 个 键 分 配 了 值 
GroupA 或 GroupB。 值 可 以 是 任意 数据 类 型 , 但 在 此 示例 中 , GroupA 和 GroupB 均 为 Object 类 
的 实例 。 然 后 ， 可 以 使 用 属性 访问 运算 符 《〈[]) 访问 与 每 个 键 关联 的 值 ， 如 代码 5.39 所 示 。 


代码 5.39 使 用 Dictionary 类 创建 关联 数组 


代码 5.39 的 输出 结果 如 下 所 示 。 


可 以 使 用 for…i 循环 或 for each…in 循环 来 循环 访问 Dictionary 对 象 的 内 容 。for…in 循 
环 用 来 基于 键 进 行 循 环 访问 ， 而 for each…in 循环 用 来 基于 与 每 个 键 关 联 的 值 进行 循环 访问 。 

可 以 使 用 for…in 循环 直接 访问 Dictionary 对 象 的 对 象 键 ,还 可 以 使 用 属性 访问 运算 符 ([]) 
访问 Dictionary 对 象 的 值 。 代 码 5.40 使 用 代码 5.39 中 的 groupMap 字典 来 说 明 如 何 使 用 for…in 
循环 来 循环 访问 Dictionary 对 象 。 


代码 5.40 ”使 用 for…in 循环 访问 Dictionary 对 象 的 内 容 


代码 5.40 的 输出 结果 如 下 所 示 。 


也 可 以 使 用 for each…in 循环 直接 访问 Dictionary 对 象 的 值 。 代 码 5.41 也 使 用 groupMap 
字典 来 说 明 如 何 使 用 for each…in 循环 来 循环 访问 Dictionary 对 象 。 


代码 5.41 使 用 for each…in 循环 访问 Dictionary 对 象 的 内 容 


代码 5.41 的 输出 结果 如 下 所 示 。 


5.3.4 ”多维 数组 


多 维 数组 将 其 他 数组 作为 其 元 素 。 例 如 ， 考 虑 一 个 任务 列表 ， 它 存储 为 字符 串 索 引 数组 ， 
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如 果 要 将 一 周 中 每 天 的 任务 存储 为 一 个 单独 的 列表 ， 可 以 创建 一 个 多 维 数组 ， 一 周 中 的 
每 天 使 用 一 个 元 素 。 每 个 元 素 包 含 一 个 与 tasks 数组 类 似 的 索引 数组 ， 而 该 索引 数组 存储 任务 
列表 。 在 多 维 数组 中 ， 可 以 使 用 任意 组 合 的 索引 数组 和 关联 数组 。 


使 用 两 个 索引 数组 时 ， 可 以 将 结果 呈现 为 表 或 电子 表格 。 第 一 个 数组 的 元 素 表示 表 的 行 ， 
第 二 个 数组 的 元 素 表示 表 的 列 。 

例如 ， 代 码 5.42 中 ， 多 维 数组 使 用 两 个 索引 数组 跟踪 一 周 中 每 一 天 的 任务 列表 。 第 1 个 
数组 masterTaskList 是 使 用 Array 类 构造 函数 创建 的 。 此 数组 中 的 各 个 元 素 分 别 表示 一 周 中 的 
各 天 ， 其 中 索引 0 表示 星期 一 ， 索 引 6 表示 星期 日 。 可 将 这 些 元 素 当成 是 表 的 行 。 可 通过 为 
masterTaskList 数组 中 创建 的 7 个 元 素 中 的 每 个 元 素 分 配 数组 文本 来 创建 每 1 天 的 任务 列表 。 
这 些 数组 文本 表示 表 的 列 。 


代码 5.42 使 用 两 个 索引 数组 创建 多 维 数组 


可 以 使 用 括号 记号 访问 任意 任务 列表 中 的 单个 项 。 第 1 组 括号 表示 一 周 的 某 一 天 ， 第 2 
组 括号 表示 这 一 天 的 任务 列表 。 例 如 ， 要 检索 星期 三 的 列表 中 的 第 2 项 任务 ， 请 首先 使 用 表 
示 星 期 三 的 索引 2， 然 后 使 用 表示 列表 中 的 第 二 项 任务 的 索引 1。 


上 述 代 码 的 输出 结果 如 下 所 示 。 


要 使 单个 数组 的 访问 更 加 方便 ， 可 以 使 用 关联 数组 表示 一 周 的 各 天 ， 并 使 用 索引 数组 表 
示 任 务 列 表 。 通 过 使 用 关联 数组 可 以 在 引用 一 周 中 特定 的 一 天 时 使 用 点 语法 ， 但 要 访问 关联 
数组 的 每 个 元 素 ， 还 需 额外 进行 运行 时 处 理 。 代 码 5.43 使 用 关联 数组 作为 任务 列表 的 基础 ， 
并 使 用 键 和 值 对 来 表示 一 周 中 的 每 一 天 。 


代码 5.43 ”使 用 关联 数组 创建 多 维 数组 


二 全 


点 语法 通过 避免 使 用 多 组 括号 改善 了 代码 的 可 读 性 。 代 码 5.43 的 输出 结果 如 下 所 示 。 


5.3.5 “克隆 数组 


Array 类 不 具有 复制 数组 的 内 置 方法 ,可 以 通过 调用 不 带 参数 的 concat0 或 slice0 方 法 来 创 
建 数组 的 浅 副 本 。 在 浅 副本 中 ， 如 果 原 始 数组 具有 对 象 元 素 ， 则 仅 复制 指向 对 象 的 引用 而 非 
对 象 本 身 。 与 原始 数组 一 样 ， 浅 副本 也 指向 相同 的 对 象 。 对 对 象 所 做 的 任何 更 改 都 会 在 两 个 
数组 中 反映 出 来 。 

在 深 副 本 中 ， 将 复制 原始 数组 中 的 所 有 对 象 ， 从 而 使 新 数组 和 原始 数组 指向 不 同 的 对 象 。 
深度 复制 需要 多 行 代码 ， 通 常 需要 创建 函数 。 可 以 将 此 类 函数 作为 全 局 实用 程序 函数 或 Amray 
子 类 的 方法 来 进行 创建 。 

代码 5.44 定义 一 个 名 为 clone0 的 函数 以 执行 深度 复制 。 其 算法 采用 了 一 般 的 Java 编程 技 
巧 。 此 函数 创建 深 副 本 的 方法 是 : 将 数组 序列 化 为 ByteArray 类 的 实例 ， 然 后 将 此 数组 读 回 到 
新 数组 中 。 此 函数 接受 对 象 ， 因 此 既 可 以 将 此 函数 用 于 索引 数组 ， 又 可 以 将 其 用 于 关联 数组 ， 
如 下 所 示 。 


代码 5.44 ”执行 深度 复制 的 clone() 函 数 


5.4 日 期 和 时 间 


时 间 可 能 并 不 代表 一 切 ， 但 它 在 软件 应 用 程序 中 通常 是 一 个 关键 要 素 。ActionScript 3.0 
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提供 了 多 种 强大 的 手段 来 管理 日 历 日 期 、 时 间 和 时 间 间 隔 。 以 下 两 个 主 类 提供 了 大 部 分 的 计 
时 功能 ;Date 类 和 flash.utils 包 中 的 新 Timer 类 。 

日 期 和 时 间 是 在 ActionScript 程序 中 使 用 的 一 种 常见 信息 类 型 。 例 如 ， 了 解 当 前 星期 值 ， 
或 测量 用 户 在 特定 屏幕 上 花费 多 少时 间 , 并 且 还 可 能 会 执行 很 多 其 他 操作 。 在 ActionScript 中 ， 
可 以 使 用 Date 类 来 表示 某 一 时 刻 ， 其 中 包含 日 期 和 时 间 信 息 。Date 实例 中 包含 各 个 日 期 和 时 
间 单 位 的 值 ， 其 中 包括 年 、 月 、 日 、 星 期 、 小 时 、 分 钟 、 秒 、 毫 秒 以 及 时 区 。 本 节 将 介绍 如 
何 创 建 Date 对 象 ， 通 过 该 对 象 获取 时 间 单 位 值 和 执行 运算 或 转换 。 对 于 更 高 级 的 用 法 ， 
ActionScript 还 包括 Timer 类 , 可 以 使 用 该 类 在 一 定 延 迟 后 执行 动作 , 或 按 重复 间隔 执行 动作 。 


5.4.1 创建 Date 对 象 


ActionScript 3.0 的 所 有 日 历 日 期 和 时 间 管 理 函 数 都 集中 在 顶级 Date 类 中 。Date 类 包含 一 
些 方法 和 属性 ， 这 些 方法 和 属性 能 够 按照 通用 协调 时 间 (UTC ) 或 特定 于 时 区 的 本 地 时 间 来 
处 理 日 期 和 时 间 。UTC 是 一 种 标准 时 间 定 义 ， 它 实质 上 与 格林 尼 治标 准时 间 (GMT) 相同 。 

Date 类 是 所 有 核心 类 中 构造 函数 方法 形式 最 为 多 变 的 类 之 一 。 可 以 用 如 下 4 种 方式 来 构 
造 Date 类 。 

第 一 ， 如 果 未 给 定 参数 , 则 DateO 构 造 函数 将 按照 用 户 所 在 时 区 的 本 地 时 间 返 回 包含 当前 
日 期 和 时 间 的 Date 对 象 。 下 面 是 一 个 实例 。 


Var now:Date = new Date() 7 


第 二 ， 如 果 仅 给 定 了 一 个 数字 参数 ， 则 Date0 构 造 函 数 将 其 视 为 自 1970 年 1 月 1 日 以 来 
经 过 的 毫秒 数 , 并 且 返 回 对 应 的 Date 对 象 。 注 意 , 传 入 的 值 将 被 视 为 自 1970 年 1 月 1 日 (UTC 
时 间 ) 以 来 经 过 的 毫秒 数 。 如 果 仅 使 用 一 个 毫秒 参数 来 创建 新 的 Date 对 象 ， 则 应 考虑 到 当地 
时 间 和 UTC 之 间 的 时 区 差异 。 以 下 语句 创建 一 个 设置 为 1970 年 1 月 1 日 午夜 (UTC 时间) 
的 Date 对 象 。 


Var millisecondsPerDay:int = 1000 * 60 * 60 * 247 


// 获取 一 个 表示 自 起 始 日 期 1970 年 1 月 1 日 后 又 过 了 一 天 时 间 的 Date 对 象 


Var startTime:Date = new Date (millisecondsPerDay); 


第 三 ， 可 以 将 多 个 数值 参数 传递 给 Date0 构 造 函 数 。 该 构造 函数 将 这 些 参 数 分 别 视 为 年 、 
月 、 日 、 小 时 、 分 钟 、 秒 和 毫秒 ， 并 将 返回 一 个 对 应 的 Date 对 象 。 假 定 这 些 输入 参数 采用 的 
是 本 地 时 间 而 不 是 UTC。 以 下 语句 获取 一 个 设置 为 2000 年 1 月 1 日 开始 的 午夜 (本 地 时 间 ) 
的 Date 对 象 : 


var millenium:Date = new Date(2000, 0, 1, 0, 0, 0, 0); 


第 四 , 可 以 将 单个 字符 串 参数 传递 给 Date0 构 造 函数 。 该 构造 函数 将 尝试 把 字符 串 解析 为 
日 期 或 时 间 部 分 ， 然 后 返回 对 应 的 Date 对 象 。 如 果 使 用 此 方法 ， 最 好 将 Date0 构 造 函 数 包含 
在 try..catch 块 中 以 捕获 任何 解析 错误 。 以 下 语句 使 用 字符 串 值 初始 化 一 个 新 的 Date 对 象 。 


Var nextDay:Date = new Date("Mon May 1 2008 11:30:00 AM"); 
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如 果 Date0 构 造 函 数 无 法 成 功 解析 该 字符 串 参数 ， 它 将 不 会 引发 异常 。 但 是 ， 所 得 到 的 
Date 对 象 将 包含 一 个 无 效 的 日 期 值 。 


5.4.2 ”获取 时 间 单位 值 


可 以 使 用 Date 类 的 属性 或 方法 从 Date 对 象 中 提取 各 种 时 间 单 位 的 值 。 表 5-4 中 列 出 了 (147) 
Date 类 的 属性 及 说 明 ， 这 些 属性 提供 了 Date 对 象 中 的 一 个 时 间 单 位 的 值 。 


表 5-4 Date 类 的 属性 及 说 明 


属性 说 明 

fullYear 属性 按照 本 地 时 间 返 回 Date 对 象 中 的 完整 年 份 值 ( 一 个 4 位 数 ， 例 如 2008) 
month 属性 以 数字 格式 表示 ， 分 别 以 0 到 11 表示 1 月 到 12 月 

date 属性 表示 月 中 某 一 天 的 日 历数 字 ， 范 围 从 1 到 31 

day 属性 以 数字 格式 表示 一 周 中 的 某 一 天 ， 其 中 0 表示 星期 日 

hours 属性 按照 本 地 时 间 返 回 Date 对 象 中 一 天 的 小 时 值 (0 到 23 之 间 的 一 个 整数 ) 
minutes 属性 按照 本 地 时 间 返 回 Date 对 象 的 分 钟 值 (0 到 59 之 间 的 一 个 整数 ) 部 分 
seconds 属性 按照 本 地 时 间 返 回 Date 对 象 的 秒 值 0 到 59 之 间 的 一 个 整数 ) 


milliseconds 属性 按照 本 地 时 间 返 回 Date 对 象 中 的 毫秒 值 (0 到 999 之 间 的 一 个 整数 ) 部 分 


实际 上 ，Date 类 提供 了 获取 这 些 值 的 多 种 方式 。 例 如 ， 可 以 用 4 种 不 同方 式 获取 Date 对 
象 的 月 份 值 。 

口 month 属性 

口 getMonth() 方 法 

口 monthUTC 属性 

口 getMonthUTC0O 方 法 

所 有 4 种 方式 实质 上 具有 同等 的 效率 ， 因 此 可 以 任意 使 用 一 种 最 适合 应 用 程序 的 方法 。 
上 文 列 出 的 属性 ， 其 值 都 是 有 效 值 ， 系 统 会 根据 时 间 自 动 改 变 。 例 如 ，milliseconds 属性 永远 
不 会 大 于 999， 因 为 当 它 达到 1000 时 ， 秒 钟 值 就 会 增加 1 并 且 milliseconds 属性 会 重 置 为 0。 

如 果 要 获得 Date 对 象 自 1970 年 1 月 1 日 (UTC) 起 所 经 过 毫秒 数 的 值 ,可 以 使 用 getTime0 
方法 。 通 过 使 用 与 其 相对 应 的 setTime() 方 法 ， 可 以 更 改 自 1970 年 1 月 1 日 (UTC) 起 经 过 的 
毫秒 数 来 更 改 现 有 Date 对 象 的 值 。 


5.4.3 执行 日 期 和 时 间 运 算 


可 以 使 用 Date 类 对 日 期 和 时 间 执 行 加 法 和 减法 运算 。 日 期 值 在 内 部 以 毫秒 的 形式 保存 ， 
因此 应 将 其 他 值 转换 成 毫秒 ， 然 后 再 将 它们 与 Date 对 象 进行 加 减 。 

如 果 应 用 程序 将 执行 大 量 的 日 期 和 时 间 运 算 ， 可 能 会 发 现 创 建 常量 来 保存 常见 时 间 单 位 
值 〈 以 毫秒 的 形式 ) 非常 有 用 ， 如 下 所 示 。 


public static const millisecondsPerMinute:int = 1000 * 60; 


public static const millisecondsPerHour:int = 1000 * 60 * 60; 


现在 , 可 以 方便 地 使 用 标准 时 间 单位 来 执行 日 期 运算 .下列 代 码 使 用 getTime0 和 setTime() 
方法 将 日 期 值 设置 为 当前 时 间 一 个 小 时 后 的 时 间 。 


设置 日 期 值 的 另 一 种 方式 ， 是 仅 使 用 一 个 毫秒 参数 创建 新 的 Date 对 象 。 例 如 ， 下 列 代码 
将 一 个 日 期 加 上 30 天 以 计算 另 一 个 日 期 。 


ceDate:1] 


接着 ， 将 millisecondsPerDay 常量 乘 以 30 以 表示 30 天 的 时 间 ， 并 将 得 到 的 结果 ， 与 
invoiceDate 的 getTime() 方 法 返回 的 值 相 加 ， 并 将 其 用 于 设置 dueDate 值 。 

在 需要 将 日 期 从 一 种 时 区 转换 成 另 一 种 时 区 时 ， 使 用 日 期 和 时 间 运 算 十 分 方便 。 也 可 以 
使 用 getTimezoneOffset(0 方 法 ， 该 方法 返回 的 值 表示 Date 对 象 的 时 区 与 UTC 之 间 相 差 的 分 钟 
数 。 此 方法 之 所 以 返回 以 分 钟 为 单位 的 值 ， 是 因为 并 不 是 所 有 时 区 之 间 都 正好 相差 一 个 小 时 ， 
有 些 时 区 与 邻近 的 时 区 仅 相差 半 个 小 时 。 

代码 5.45 使 用 时 区 偏 移 量 将 日 期 从 本 地 时 间 转 换 成 UTC。 该 示例 首先 以 毫秒 为 单位 计算 
时 区 值 ， 然 后 按照 该 量 调 整 Date 值 。 


代码 5.45 将 日 期 从 本 地 时 间 转 换 成 UTC 


5.4.4 ”控制 时 间 间 隔 


使 用 Adobe Flash CS3 Professional 开发 应 用 程序 时 ， 可 以 访问 时 间 轴 , 这 样 可 以 稳定 且 逐 
帧 地 完成 该 应 用 程序 。 但 在 Adobe Flex Builder 3 中 ， 必 须 依靠 其 他 计时 机 制 。 


在 某 些 编程 语言 中 ， 必 须 使 用 循环 语句 〈 如 for 或 do…while) 来 设计 计时 方案 。 通 常 ， 
循环 语句 会 以 本 地 计算 机 所 允许 的 速度 尽 可 能 快 地 执行 ， 这 表明 应 用 程序 在 某 些 计算 机 上 的 
运行 速度 较 快 ， 而 在 其 他 计算 机 上 则 较 慢 。 如 果 应 用 程序 需要 一 致 的 计时 间隔 ， 则 需要 将 其 
与 实际 的 日 历 或 时 钟 时间 联 系 在 一 起 。 而 许多 应 用 程序 〈 如 游戏 、 动 画 和 实时 控制 器 ) 需要 
在 不 同 计算 机 上 均 能 保持 一 致 的 、 规 则 的 时 间 驱 动 计时 机 制 。 


ActionScript 3.0 的 Timer 类 提供 了 一 个 功能 强大 的 解决 方案 。 使 用 ActionScript 3.0 事件 
模型 ，Timer 类 在 每 次 达到 指定 的 时 间 间 隔 时 都 会 调度 计时 器 事件 。 


在 ActionScript 3.0 中 处 理 计时 函数 的 首选 方式 是 使 用 Timer 类 (flash.utils.Timer)， 可 以 
使 用 它 在 每 次 达到 间隔 时 调度 事件 。 

要 启动 计时 器 ， 请 先 创建 Timer 类 的 实例 ， 并 告诉 它 每 隔 多 长 时 间 生 成 一 次 计时 器 事件 
以 及 在 停止 前 生成 多 少 次 事件 。 

例如 ， 下 列 代码 创建 一 个 每 秒 调度 一 个 事件 且 持 续 60 秒 的 Timer 实例 。 


Timer 对 象 在 每 次 达到 指定 的 间隔 时 ， 都 会 调用 TimerEvent 对 象 。TimerEvent 对 象 的 事 
件 类 型 是 timer (由 常量 TimerEvent.TIMER 定义 )。TimerEvent 对 象 包含 的 属性 与 标准 Event 
对 象 包含 的 属性 相同 。 

如 果 将 Timer 实例 设置 为 固定 的 间隔 数 ， 则 在 达到 最 后 一 次 间隔 时 ， 它 还 会 调用 
timerComplete 事件 (由 常量 TimerEvent.TIMER COMPLETE 定义 )。 

代码 5.46 是 一 个 用 来 展示 Timer 类 实际 操作 的 小 示例 应 用 程序 , 该 程序 需要 在 Adobe Flex 
Builder 3 中 新 建 一 个 ActionScript Project。 


代码 5.46 使 用 Timer 类 


Bl 


在 代码 5.46 中 创建 ShortTimer 类 时 ,首先 创建 一 个 用 于 每 秒 计时 1 次 ,并 持续 5 秒 的 Timer 
实例 。 然 后 ， 它 将 两 个 侦 听 器 添加 到 计时 器 : 一 个 用 于 侦 听 每 次 计时 ， 另 一 个 用 于 侦 听 
timerComplete 事件 。 

接着 ， 启 动 计数 器 计时 ， 以 1 秒 钟 的 间隔 执行 onTick0 方 法 。onTick0 方 法 只 显示 当前 的 
时 间 计 数 。5 秒 钟 后 ， 执 行 onTimerComplete() 方 法 ， 告 诉 时 间 已 到 。 

运行 该 示例 时 ， 会 看 到 下 列 行 ， 以 每 秒 一 行 的 速度 显示 在 控制 台中 。 


ActionScript 3.0 包含 许多 与 ActionScript 2.0 提供 的 计时 函数 类 似 的 计时 函数 。 这 些 函 数 
是 作为 flash.utils 包 中 的 包 级 别 函数 提供 的 ， 这 些 函 数 的 工作 方式 与 ActionScript 2.0 中 的 完全 
相同 。 表 5-5 列 出 了 flash.utils 包 中 的 计时 函数 及 其 说 明 。 


表 5-5 flash.utils 包 中 的 计时 函数 及 其 说 明 


clearInterval(id:uint):void 取消 指定 的 setInterval0 调 用 

clearTimeout(id:uint):void 取消 指定 的 setTimeoutO 调 用 

getTimerO:int 返回 自 Adobe Flash Player 被 初始 化 以 来 经 过 的 毫秒 数 
setInterval(closure:Function, delay:Number, ... ”以 指定 的 间隔 (以 毫秒 为 单位 ) 运行 函数 
arguments):uint 

setTimeout(closure:Function, 在 指定 的 延迟 〈 以 毫秒 为 单位 ) 后 运行 指定 的 函数 


delay:Number, ... arguments):uint 


这 些 函 数 仍 保留 在 ActionScript 3.0 中 以 实现 向 后 兼容 。Adobe 不 建议 在 新 的 ActionScript 
3.0 应 用 程序 中 使 用 这 些 函 数 。 通 常 ， 在 应 用 程序 中 使 用 Timer 类 会 更 容易 且 更 有 效 。 
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内容 摘要 | 
ASPNET 因 其 简单 、 快 捷 、 高 效 的 特性 , 越 来 越 得 到 广大 用 户 的 青睐 , 特别 是 当 ASPNET 
3.5 推出 之 后 。 它 是 基于 .NET 平台 的 一 个 革命 性 突破 ， 而 且 解 决 了 过 去 Web 开发 技术 中 存在 
et hee 具有 运行 速度 快 、 安 全 等 特点 。 本 章 将 简单 介绍 ASPNET 的 运行 环境 、 
# 语 言 基础 语法 以 及 如 何 配 置 ASPNET 应 用 程序 等 内 容 。 


了 解 .NET Framework 3.5 

了 解 ASPNET 3.5 开发 环境 

掌握 C# 控 制 语 句 

熟悉 面向 对 象 实现 

了 解 C# 中 结构 、 枚 举 、 数 组 和 集合 的 使 用 方法 
了 解 Web.config 配置 文件 

掌握 如 何在 Flex 中 生成 配置 文件 


> 
和 
> 
> 
> 
> 
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6.1 ASP.NET 3.5 概述 


ASPNET 是 Microsoft .NET Framework 的 一 部 分 ， 是 一 种 可 以 在 高 度 分 布 的 Internet 环境 
中 简化 应 用 程序 开发 的 计算 环境 。ASPNET 提供 了 为 建立 和 部 署 企 业 级 Web 应 用 程序 所 必须 
的 服务 ， 并 且 为 能 够 面向 任何 浏览 器 或 设备 的 更 安全 、 更 强 的 可 升级 性 、 更 稳定 的 应 用 程序 
提供 新 的 编程 模型 和 基础 结构 。 


6.1.1 .NET Framework 3.5 简介 


.NET Framework 是 支持 生成 和 运行 下 一 代 应 用 程序 和 XML Web Services 的 内 部 Windows 
组 件 。.NET Framework 旨 在 实现 下 列 目标 。 
口 提供 一 个 一 致 的 面向 对 象 的 编程 环境 ， 而 无 论 对 象 代码 是 在 本 地 存储 和 执行 ， 还 是 在 
本 地 执行 但 在 Internet 上 分 布 ， 或 者 是 在 远程 执行 。 
口 提供 一 个 将 软件 部 署 和 版 本 控制 冲突 最 小 化 的 代码 执行 环境 。 


口 提供 一 个 可 提高 代码 ( 包括 由 未 知 的 或 不 完全 受信 任 的 第 三 方 创 建 的 代码 ) 执行 安全 

性 的 代码 执行 环境 。 

口 提供 一 个 可 消除 脚本 环境 或 解释 环境 的 性 能 问题 的 代码 执行 环境 。 

口 使 开发 人 员 的 经 验 在 面 对 类 型 大 不 相同 的 应 用 程序 (如 基于 Windows 的 应 用 程序 和 基 
于 Web 的 应 用 程序 ) 时 保持 一 致 。 

口 按照 工业 标准 生成 所 有 通信 ， 以 确保 基于 .NET Framework 的 代码 可 与 任何 其 他 代码 
集成 。 


.NET Framework 主要 有 两 个 组 件 : 公共 语言 运行 库 和 .NET Framework 类 库 。 公 共 语 言 运 
行 库 是 .NET Framework 的 基础 。 读 者 可 以 将 运行 库 看 作 一 个 在 执行 时 管理 代码 的 代理 ， 它 提 
供 内 存 管理 、 线 程 管理 和 远程 处 理 等 核心 服务 ， 并 且 还 强制 实施 严格 的 类 型 安全 以 及 可 提高 
安全 性 和 可 靠 性 的 其 他 形式 的 代码 准确 性 。 事 实 上 ， 代 码 管理 的 概念 是 运行 库 的 基本 原则 。 
以 运行 库 为 目标 的 代码 称 为 托管 代码 ， 而 不 以 运行 库 为 目标 的 代码 称 为 非 托管 代码 。 

.NET Framework 的 另 一 个 主要 组 件 是 类 库 ， 它 是 一 个 综合 性 的 面向 对 象 的 可 重用 类 型 集 
合 ， 读 者 可 以 使 用 它 开发 多 种 应 用 程序 ， 这 些 应 用 程序 包括 传统 的 命令 行 或 图 形 用 户 界面 
(GUI) 应 用 程序 ， 也 包括 基于 ASPNET 所 提供 的 最 新 的 应 用 程序 (如 Web 窗 体 和 XML Web 
Services )。 

在 图 6-1 中 所 示 的 .NET Framework 平台 上 显示 了 公共 运行 时 和 类 库 与 应 用 程序 以 及 与 整 
个 系统 之 间 的 关系 。 


托管 应 用 程序 非 托管 应 用 程序 


6-1 .NET Framework 平台 


.NET Framework 3.5 版 以 NET Framework 2.0 版 和 NET Framework 3.0 版 为 基础 ， 包 
括 .NET Framework 2.0 和 3.0 版 的 Service Pack。 主 要 包括 如 下 的 组 件 。 
口 .NET Framework 2.0。 
口 NET Framework 2.0 Service Pack 1， 它 更 新 包含 在 NET Framework 2.0 中 的 程序 集 。 
口 .NET Framework 3.0， 它 使 用 NET Framework 2.0 或 NET Framework 2.0 SP1 (如 果 已 
安装 ) 中 存在 的 程序 集 ， 并 且 包含 NET Framework 3.0 中 引入 的 技术 所 必需 的 程序 集 。 
例如 ，Windows Presentation Foundation ( WPF ) 所 必需 的 PresentationFramework.dll 和 
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PresentationCore.dll 都 随 NET Framework 3.0 一 起 安装 。 
口 .NET Framework 3.0 Service Pack 1， 它 更 新 在 NET Framework 3.0 中 引入 的 程序 集 。 
口 一 些 新 程序 集 为 .NET Framework 2.0 和 3.0 提供 附加 功能 ,同时 还 提供 NET Framework 
3.5 中 新 采用 的 技术 。 
如 果 在 计算 机 上 安装 .NET Framework 3.5 时 缺少 上 述 任何 组 件 ， 则 这 些 组 件 会 自动 安 
装 。 应 用 程序 无 论 针 对 的 是 NET Framework 2.0、3.0 还 是 3.5 版 , 都 使 用 相同 的 程序 集 。 例如 ， 
对 于 使 用 WPF 并 针对 .NET Framework 3.0 的 应 用 程序 ， 其 所 使 用 的 mscorlib 程序 集 实 例 与 使 
用 Windows 窗 体 并 针对 .NET Framework 2.0 的 应 用 程序 相同 。 如果.NET Framework 2.0 SP1 已 
安装 在 计算 机 上 ， 则 mscorlib.dll 会 更 新 , 并 且 两 个 应 用 程序 将 都 使 用 mscorlib.dll 的 更 新 版 本 。 


/ ”NET Framework 2.0、3.0 和 3.5 版 之 间 的 关系 不 同 于 1.0、1. 1 和 2.0 版 之 间 的 1 
关系 。NET Framework 1.0、1.1 和 2.0 版 彼此 完全 独立 ， 对 于 其 中 任何 一 个 版 
本 来 说 ， 无 论 计算 机 上 是 否 存在 其 他 版 本 ， 自 己 都 可 以 存在 于 该 计算 机 上 。 
当 1.0、1.1 和 2.0 版 位 于 同一 台 计 算 机 上 时 ， 每 个 版 本 都 有 自己 的 公共 语言 
运行 库 、 类 库 和 编译 器 等 。 应 用 程序 可 以 选择 是 针对 1.0、1.1 还 是 2.0 版 的 。) 


3. .NET Framework 3.5 的 重要 新 功能 

.NET Framework 3.5 为 2.0 和 3.0 中 的 技术 引入 了 新 功能 ， 并 以 新 程序 集 的 形式 引入 了 其 
他 技术 。 下 列 技术 是 随 .NET Framework 3.5 引入 的 技术 。 

0 _ LINQ 

LINQ (Language Integrate Query, 语言 集成 查询 ) 是 Visual Studio 2008 和 .NET Framework 
3.5 中 的 新 功能 。LINQ 将 强大 的 查询 功能 扩展 到 C# 和 Visual Basic 语言 的 语法 中 ， 并 采用 标 
准 的 、 易 于 学 习 的 查询 模式 。 可 以 对 此 技术 进行 扩展 以 支持 几乎 任何 类 型 的 数据 存储 。 

口 外 接 程 序 和 扩展 性 

.NET Framework 3.5 中 的 System.AddIn.dll 程序 集 向 可 扩展 应 用 程序 的 开发 人 员 提 供 了 强 
大 而 灵活 的 支持 。 它 引入 了 新 的 结构 和 模型 ， 可 帮助 开发 人 员 完 成 向 应 用 程序 添加 扩展 性 的 
初始 工作 ， 并 确保 开发 人 员 的 扩展 在 宿主 应 用 程序 发 生 更 改 时 仍 可 继续 工作 。 

OD Windows Presentation Foundation 

在 .NET Framework 3.5 中 ，Windows Presentation Foundation 包含 多 个 方面 的 更 改 和 改进 ， 
其 中 包括 版 本 控制 、 应 用 程序 模型 、 数 据 绑 定 、 控 件 、 文 档 、 批 注 和 三 维 UI 元素 。 

口 WCF 和 ASP.NET AJAX 集成 

WCF 与 ASPNET 中 的 异步 JavaScript 和 XML (Ajax) 功能 的 集成 提供 了 一 个 端 对 端的 
编程 模型 , 可 用 于 构建 可 以 使 用 WCF 服务 的 Web 应 用 程序 ,在 Ajax 样式 的 Web 应 用 程序 中 ， 
客户 端 〈 例 如 ，Web 应 用 程序 中 的 浏览 器 ) 通过 使 用 异步 请 求 来 与 服务 器 交换 少量 的 数据 。 
在 ASPNET 中 集成 Ajax 功能 可 提供 一 种 生成 WCF Web 服务 的 简单 方法 , 通过 使 用 浏览 器 中 
的 客户 端 JavaScript 可 以 访问 这 些 服务 。 

口 ClicekOnce 清单 

新 增 了 一 些 密码 类 ， 用 于 验证 和 获取 有 关 ClickOnce 应 用 程序 的 清单 签名 的 信息 。 


在 这 里 仅 列举 了 .NET Framework 3.5 中 的 重要 新 功能 和 新 特性 ， 但 不 是 全 部 。 
读者 如 果 需 要 了 解 更 多 ， 可 到 网 站 http://www.microsoft.com 上 查找 。 


6.1.2 ”开发 环境 简介 


Visual Studio 是 一 套 完整 的 开发 工具 ， 用 于 生成 ASPNET Web 应 用 程序 、XML Web 
Services、 桌 面 应 用 程序 和 移动 应 用 程序 。Visual Basic、Visual C# 和 Visual C++ 都 使 用 这 一 相 
同 的 集成 开发 环境 (IDE)， 这 样 就 能 够 进行 工具 共享 ， 并 能 够 轻松 地 创建 混合 语言 解决 方案 。 

可 以 使 用 Visual Studio 的 基于 组 件 的 强大 开发 工具 和 其 他 技术 ， 简 化 企业 级 解决 方案 的 
基于 团队 的 设计 、 开 发 和 部 署 。 另 外 ， 这 些 语言 使 用 NET Framework 的 功能 ， 它 提供 了 可 简 
化 ASP .Net Web 应 用 程序 和 XML Web Services 开发 的 关键 技术 。 

Visual Studio 2008 是 Visual Studio 的 最 新 版 本 ， 图 6-2 说 明了 Visual Studio 2008 与 NET 
Framework 之 间 的 关系 。 


编 详 器 公共 语言 运行 时 
Visual C++ 公共 类 型 系统 
Visual C# 公共 语言 规范 
Visual J# 垃圾 收集 器 
Visual Basic JIT 编 译 器 
第 三 方 语言 


图 6-2 .NET Framework 和 Visual Studio 2008 之 间 的 关系 


从 图 6-2 中 可 以 看 出 ，Visual Studio 依赖 于 .NET Framework 提供 的 服务 。 这 些 服务 包括 
Microsoft 公司 或 者 第 三 方 提供 的 语言 编译 器 。 这 些 语 言 编译 器 是 .NET Framework 自身 的 组 成 
部 分 ， 而 不 属于 Visual Studio。Visual Studio 提供 了 大 量 的 工具 来 调用 某 一 种 安装 的 编译 器 。 

Visual Studio 2008 中 包含 了 很 多 的 新 特性 和 新 功能 ， 这 些 全 新 的 功能 会 大 大 提高 开发 人 
员 的 工作 效率 并 且 减 少 程序 复杂 性 。 这 些 新 功能 主要 包括 : NET Framework 对 重 定向 的 支持 ; 
ASPNET Ajax 和 JavaScript 智能 客户 端 支持 ; 全 新 的 Web 开发 新 体验 ，Web 设计 器 提供 了 分 
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割 视 图 编辑 、 绕 套 母 版 页 以 及 强大 的 CSS 编辑 器 集成 ;编程 语言 方面 的 改进 和 LINQ; 浏览 ,NET 
Framework 库 源 码 ; 智能 部 署 ClickOnce; .NET Framework 3.5 增强 功能 ; 集成 对 Office(VSTO) 
和 Sharepoint 2007 开发 的 支持 ;在 Windows Server 2008、Windows Vista 和 Microsoft Office 2007 
下 最 好 的 开发 工具 集 ; 单元 测试 功能 ， 所 有 的 Visual Studio 专业 版 本 都 支持 单元 测试 功能 ; 
等 等 。 

用 户 在 执行 由 任何 .NET Framework 语言 开发 的 应 用 程序 时 ， 必 须 安装 .NET Framework。 
不 过 .NET Framework 会 在 安装 Visual Studio.NET 程序 时 自动 安装 ， 当 然 读者 也 可 以 从 
Microsoft 公司 的 站 点 下 载 免 费 的 .NET Framework。 在 安装 最 新 的 Visual Studio 2008 时 会 自动 
安装 所 需 的 .NET Framework 3.5、.NET Framework 3.0 和 .NET Framework 2.0 版 本 。 

下 面 来 熟悉 一 下 Microsoft Visual Studio 2008 的 开发 环境 ， 首 先 选择 【开始 】|【 程 序 】| 
Microsoft Visual Studio 2008|Microsoft Visual Studio 2008 命令 启动 程序 ， 第 一 个 出 现 的 是 
Microsoft Visual Studio 2008 的 启动 画面 ， 如 图 6-3 所 示 。 

接 下 来 是 初始 化 环境 设置 ， 在 这 里 选择 默认 启动 时 使 用 的 环境 ， 例 如 Windows 应 用 程序 
开发 人 员 可 以 选择 C# 或 者 VB 作为 默认 环境 ， 当 然 环 境 也 可 以 在 启动 以 后 进行 修改 。 这 里 选 
择 了 使 用 C# 进 行 开发 的 设置 ， 如 图 6-4 所 示 。 
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6-3 ”启动 画面 图 6-4 选择 默认 环境 设置 


单 击 【启动 Visual Studio 】 按 钮 开始 载 入 程序 并 执行 配置 环境 操作 ， 待 完成 后 会 出 现 
Microsoft Visual Studio 2008 的 主 界面 。 现 在 , 在 主 界面 中 选择 【帮助 】 上 关于 Microsoft Visual 
Studio】 命 令 来 查看 它 的 版 本 信息 ， 此 时 将 弹出 一 个 对 话 框 ， 如 图 6-5 所 示 。 

单 击 【和 确定】 按钮 返回 Visual Studio 2008 的 【起 始 页 】 窗 口 ， 在 这 里 为 方便 、 快 速 而 容 
易 地 开始 使 用 Visual Studio 2008 提供 了 一 种 简洁 方式 ， 可 以 轻松 打开 常用 项 目 、 创 建新 项 目 、 
找到 联机 资源 ， 以 及 管理 Visual Studio 2008 的 配置 文件 等 。 

使 用 Visual Studio 2008 创建 最 多 的 是 Windows 和 Web 应 用 程序 。 创 建 方法 为 :打开 Visual 
Studio 2008 的 【起 始 页 】 窗 口 后 ， 选 择 【 文 件 】|【 新 建 】|【 项 目 】 命 令 打开 【新 建 项 目 】 对 
话 框 ， 在 这 里 将 看 到 许多 的 【项 目 类 别 】 和 【项 目 模板 】 以 树 状 视图 组 织 ， 如 图 6-6 所 示 。 

这 里 要 注意 ，Visual Studio 2008 与 之 前 版 本 的 重大 区 别 就 是 ， 对 多 个 .NET Framework 版 
本 的 支持 ， 即 在 图 6-6 所 示 的 对 话 框 中 可 以 选择 要 创建 的 应 用 程序 使 用 的 .NET Framework 
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图 6-6 【新 建 项 目 】 对 话 框 


要 创建 Web 站 点 (包括 ASPNET 网 站 、Web 服务 和 Crystal Report 等 ) 可 以 选择 【 文 
件 】|【 新 建 】|【 网 站 】 命 令 打开 【新 建 网 站 】 对 话 框 ， 如 图 6-7 所 示 。 在 这 里 同样 可 以 选择 
Web 网 站 使 用 的 NET Framework 版 本 。 
在 Visual Studio 2008 中 还 提供 了 一 个 功能 改进 的 HTML 和 ASPNET 网 页 设计 器 。 此 外 ， 
这 个 所 见 即 所 得 (WYSIYG) 设计 器 还 提供 了 如 下 特性 。 
口 分 割 视图 ( Split View ) 的 支持 (同时 将 HIML 源码 和 所 见 即 所 得 设计 模式 打开 的 
能 力 )。 
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图 6-7 【新 建 网 站 】 对 话 框 


无 比 丰富 的 CSS 支持 (CSS 属性 窗口 、CSS 继承 图 示 器 ，CSS 预览 ， 以 及 CSS 管 
理 器 )。 

极 大 改进 的 视图 转换 性 能 (从 源码 模式 转换 成 HTML 设计 模式 将 会 瞬时 完成 )。 

对 源码 视图 内 控件 设计 器 的 支持 (属性 构造 器 、 事 件 接 通 ( Wire-up ) 以 及 向 导 将 会 在 
源码 视图 内 正常 工作 )。 

更 丰富 的 标尺 (Ruler) 和 布局 支持 ( 值 将 被 自动 储存 在 外 部 的 CSS 文件 中 )。 

对 内 嵌 母 版 页 ( Nested Master Pages ) 设计 器 的 支持 。 


6-8 所 示 为 是 一 个 在 分 割 视图 编辑 模式 下 的 ASPNET 网 页 的 截图 ， 在 这 里 允许 开发 人 
员 同 时 在 源码 模式 和 设计 模式 里 操作 。 另 外 ，Visual Studio 2008 也 对 CSS 的 支持 进行 了 增强 ， 
在 新 的 【管理 样式 】 属 性 窗口 中 允许 开发 人 员 在 样式 表 内 轻易 地 创建 、 管 理 和 重 构 CSS 规则 ， 
就 像 是 使 用 专业 的 网 页 开发 和 编辑 工具 一 样 。 


ty 


| 


EE 
EE 


[寺村 
i 


区 必 口 区 图 ;基因 加 加 国力 加 时 目 目 
下 
一 


HL 


gerieeDer 


国 用 用 用 回 飞 加。 加 系 回 夺回 奈 回回 回 曙 加 


a a 
Ele | nei 


图 6-8 ”分割 视图 


Visual Studio 2008 对 ASPNET 的 改变 主要 是 包括 了 ASPNET Ajax 1.0 内 置 的 所 有 功能 ， 
而 且 还 提供 了 对 Ajax 和 JavaScript 工具 的 支持 , 包括 JavaScript 脚本 智能 提示 和 更 加 丰富 的 调 
试 支持 等 。 如 图 6-9 所 示 ，Visual Studio 2008 对 标准 的 行内 JavaScript 脚本 自动 动态 产生 的 提 
示 信 息 。 
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6-9 增强 的 JavaScript 智能 提示 


Visual Studio 2008 还 包含 了 许多 工具 ， 其 中 一 些 是 对 旧 功 能 的 增强 ， 一 些 是 新 增 功能 。 
总 之 ， 这 些 工具 都 是 为 了 一 个 共同 的 目标 : 让 开发 人 员 在 设计 时 能 够 更 轻松 地 正确 编写 代码 。 


6.2 “C# 3.5 语法 概述 


C# 是 一 种 简洁 、 类 型 安全 的 面向 对 象 的 语言 ， 开 发 人 员 可 以 使 用 它 来 构建 在 .NET 
Framework 上 运行 的 各 种 安全 、 可 靠 的 应 用 程序 。 使 用 C#， 可 以 创建 传统 的 Windows 客户 端 
应 用 程序 、XML Web Services、 分 布 式 组 件 、 客 户 端 -服务 器 应 用 程序 、 数 据 库 应 用 程序 以 及 
很 多 其 他 类 型 的 程序 。Microsoft Visual C# 2008 提供 高 级 代码 编辑 器 、 方 便 的 用 户 界面 设计 器 、 
集成 调试 器 和 许多 其 他 工具 ， 以 在 C# 语 言 3.5 版 本 和 .NET Framework 的 基础 上 加 快 应 用 程序 
的 开发 。 


6.2.1 控制 语句 


控制 语句 用 于 控制 程序 的 流程 ， 以 实现 程序 的 各 种 结构 ， 由 特定 的 语句 定义 符 组 成 。C# 
有 9 种 控制 语句 ， 可 以 分 成 3 类 ， 分 别 是: 条 件 语句 、 循 环 语句 和 跳 转 语句 。 下 面 详细 介绍 
这 几 种 控制 语句 。 


条 件 语句 又 称 为 选择 语句 ， 判 断 一 个 表达 式 结果 的 真 假 〈 是 否 满足 条 件 )。 根 据 结果 判断 
执行 哪个 语句 块 。 选 择 语句 分 为 让 语句 和 switch 语句 两 种 。 


口 这 语句 
在 C# 语 法 中 ， 选 择 语句 的 语法 如 下 : 


下 面 来 看 一 个 完整 的 例子 : 


如 果 x 的 值 大 于 y 的 值 ， 那 么 结果 将 会 输出 : x 的 值 大 于 y 的 值 。 反 之 则 会 输出 x 的 值 小 
于 y 的 值 。 如 果 只 有 一 个 子 语句 ， 可 以 不 使 用 大 括号 来 括 起 子 语句 ， 如 果 有 多 个 子 语句 时 ， 
需要 用 大 括号 把 这 些 语句 组 合成 一 个 语句 块 。 在 让 语 句 中 ， 可 以 使 用 else 让 子 句 判 断 多 条 语 


句 。 例 如 : 


理论 上 , 直 语 句 可 以 合并 无 限 个 , 但 是 为 了 程序 更 容易 理解 ， 建 议 不 要 合并 的 太 多 , 并 且 
每 个 让 语句 用 大 括号 括 起 来 。 

口 switch 语句 

在 站 语 名 中， 可 以 看 到 多 个 条 件 判断 时 的 不 足 ， 尤 其 是 当 需 要 判断 的 条 件 越 来 越 多 时 ， 
书写 非常 麻烦 。 于 是 C# 提 供 了 用 于 更 多 条 件 判 断 的 语句 一 一 switch 语句 。switch 语句 是 一 个 
控制 语句 ， 通 过 控制 传递 给 其 体内 的 一 个 case 语句 来 处 理 多 个 选择 。 其 语法 如 下 : 


下 面 是 switch 多 条 件 判断 语句 使 用 的 例子 ， 代 码 内 容 如 代码 6.1 所 示 。 
代码 6.1 使 用 switch 语句 


本 例 输出 的 结果 如 图 6-10 所 示 。 


循环 语句 也 称 为 迭代 语句 ， 让 程序 重复 执行 某 个 语句 块 ， 直 到 某 个 特定 的 条 件 表达 式 结 
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果 为 假 时 ， 结 束 执行 语句 块 。C# 提 供 了 以 下 几 种 可 以 让 程序 循环 执行 的 语句 。 
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图 6-10 switch 语句 执行 结果 


口 for 循环 

for 语句 是 一 种 在 程序 执行 前 就 要 首先 判断 条 件 表达 式 是 否 为 真 的 循环 语句 。 如 果 循 环 条 
件 为 假 ， 那 么 循环 语句 根本 就 不 会 去 执行 。for 循环 适合 用 于 一 个 语句 或 语句 块 重复 执行 预定 
的 次 数 的 情况 。for 语句 通常 使 用 在 知道 要 循环 次 数 的 循环 中 。 语 法 如 下 : 

for (初始 值 表达 式 ; 循环 条 件 表达 式 ; 循环 后 的 操作 表达 式 ) 

{ 


执行 语句 块 
下 面 使 用 for 循环 创建 一 个 “ 百 钱 买 百 鸡 ” 的 例子 ， 要 求 使 用 100 元 钱 购买 100 只 鸡 ， 其 
中 公鸡 5 元 一 只 、 母 鸡 3 元 一 只 、 小 鸡 1 元 3 只 ， 并 且 要 求 这 3 种 鸡 都 必须 有 。 代 码 内 容 如 
代码 6.2 所 示 。 


代码 6.2 使 用 for 循环 语句 


class Program 
static void Main(string[] args) 
{ 
float a, b, c; 
for (a = 1; a <= 20; a++) 
{ 
for (b= 1 bD <= 33r b+} 
{ 
c=100-a-b; 
if (5*at+3*b+c/ 3 -== 100) 
和 
Console.WriteLine ("100 元 钱 可 以 买 {0} 只 公鸡 ，{1} 只 母 鸡 ，{2} 只 小 鸡 ",a, 
b, c)s; 
E 
} 
} 


Console.Read(); 


第 〇 间 
ASP.NET 的 简单 应 用 / 


程序 里 声明 了 3 个 float 类 型 变量 a、b、c， 徐 套 使 用 for 语句 ， 循 环 计算 3 个 数 的 每 一 种 
组 合 ， 最 终 使 用 直 语 句 得 出 正确 的 结果 。 本 例 输出 的 结果 如 图 6-11 所 示 。 


二 file:///E:/1ee/Flex/5/chap5/for 语 名 谱 套 /for 语 句 谋 套 /bin/Debug/fo... 国 加 四 


图 6-11 for 循环 执行 结果 


口 while 循环 

while 循环 通常 用 于 下 述 情况 , 在 循环 开始 之 前 不 知道 重复 执行 一 个 语句 或 语句 块 的 次 数 。 
与 for 循环 一 样 ，while 循环 也 是 一 个 预测 试 循环 。 但 while 循环 只 有 一 个 表达 式 ， 语 法 如 下 : 

while (表达 式 ) 

{ 


// 执 行 的 语句 块 
} 


下 面 以 例子 说 明 while 语句 ， 代 码 内 容 如 代码 6.3 所 示 。 
代码 6.3 “使 用 While 循环 


static void Main(string[] args) 
{ 
int i = 1; 
while (i>0) 
i++? 
LE = 2 
{ 
System.Console.WriteLine (i); 
break; 


} 


在 while 循环 中 ，while 后 面 是 个 布尔 表达 式 。 所 有 的 控制 语句 都 使 用 了 布尔 表达 式 ， 这 
就 意味 着 表达 式 必须 计算 出 tue 或 false 值 。 在 本 例 中 , i 的 初始 值 是 1， 当 执行 while 语句 是 ， 
该 布尔 表达 式 返回 true 值 。 执 行 结果 如 下 : 


程序 的 输出 结果 是 2。 


口 do…while 循环 

do…while 循环 是 while 循环 测试 的 扩展 。do…while 语句 与 while 语句 唯一 的 区 别 在 于 
不 管 表 达 式 的 结果 为 真 还 是 为 假 , 循环 语句 至 少 执 行 一 次 。 因 此 do…while 循环 适合 于 至 少 执 
行 一 次 循环 体 的 情况 ， 其 语法 如 下 : 


下 面 以 例子 说 明 do…while 语句 的 使 用 ， 代 码 内 容 如 代码 6.4 所 示 。 
代码 6.4 do…While 循环 


从 代码 6.4 中 看 到 ，i 的 初始 值 为 0， 那么 布尔 返回 值 应 该 为 false， 但 还 是 会 输出 结果 。 


也 就 是 说 ，do…while 语句 先 不 管 表达 式 的 结果 是 真是 假 ， 都 会 在 执行 一 次 后 才 会 去 判断 表达 
式 的 结果 。 
口 foreach 循环 


foreach 循环 可 以 迭代 出 集合 中 的 每 一 项 ， 但 并 不 能 修改 集合 中 的 任何 一 项 。foreach 的 语 


类 型 为 集合 元 素 的 类 型 ， 变 量 名 表示 集合 中 的 每 一 个 元 素 。 每 次 执行 一 次 循环 语句 ， 循 
环 变量 就 读 取 集 合 中 的 一 个 元 素 。 下 面 以 例子 说 明 foreach 语句 的 使 用 ， 代 码 内 容 如 代码 6.5 
所 示 。 


代码 6.5 使 用 foreach 语句 遍历 数组 
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其 中 ，foreach 语句 循环 的 参数 是 由 两 个 元 素 组 成 的 表达 式 ， 用 关键 字 in 分隔， 关键 字 右 
边 为 要 访问 的 元 素 集合 的 名 称 ， 左 边 为 临时 变量 。 本 例 的 输出 结果 如 图 6-12 所 示 。 


图 6-12 foreach 循环 执行 结果 
[a 临时 变量 的 类 型 要 和 元 素 集合 类 型 兼容 。 


3. 跳 转 语句 


很 多 时 候 ， 程 序 需要 从 一 个 语句 块 转 到 另 一 个 语句 块 ， 因 此 C# 提 供 了 许多 可 以 立即 跳 转 
到 程序 另 一 行 代 码 执行 的 语句 ， 这 些 跳 转 语句 包括 : goto 语句 、break 语句 和 continue 语句 。 

口 goto 语句 

goto 语句 也 称 为 无 条 件 转移 语句 。goto 语句 可 以 使 程序 直接 跳 到 程序 中 使 用 标签 指定 的 
另 一 行 , 但 也 有 限制 ， 如 不 能 跳出 类 的 范围 ， 不 能 跳 到 像 for 循环 那样 的 语句 块 中 ， 也 不 能 退 
出 ty…catch 块 后 的 finally 块 (后 面 会 详细 地 讲解 如 何 用 try…catch…finally 块 处 理 异常 )。 其 
语法 如 下 所 示 。 


goto 语句 标号 


goto 语句 多 用 于 switch 语句 中 , 实现 由 某 个 switch 的 case 标签 或 default 标签 跳 转 到 另 一 
个 case 标签 或 default 标签 。 有 时 也 可 以 用 在 嵌 套 循环 中 ， 使 程序 跳出 多 层 循环 。 下 面 以 例子 
说 明 goto 语句 ， 代 码 如 下 所 示 。 


static void Main(string[] args) 
{ 
int myInteger = 57 
goto myLabel; 
myInteger += 10; 
myLabel: 
Console.WriteLine ("myInteger={0}", myInteger); 


} 


上 面 示例 中 定义 一 个 myLabel 标签 ， 当 程序 执行 遇 到 goto 语句 时 将 跳 转 到 myLabel 语句 
行 上 ， 继 续 执行 下 面 的 语句 。 本 例 输出 结果 如 下 所 示 。 


myInteger=5; 


口 break 语句 

break 语句 使 用 在 循环 语句 中 或 条 件 语句 中 ， 用 于 终止 一 条 循环 语句 ， 导 致 控制 流程 跳 转 
到 循环 语句 的 下 一 条 语句 。 如 在 前 面 讲 switch 条 件 判断 语句 时 已 经 多 次 使 用 了 break 语句 , 其 
作用 就 是 执行 完 case 语句 块 后 ， 将 程序 的 控制 权 交 给 switch 语句 后 面 的 第 一 条 语句 。 下 面 以 
例子 说 明 break 语句 的 使 用 ， 代 码 内 容 如 代码 6.6 所 示 。 


代码 6.6 ”使 用 break 语句 


本 例 的 输出 结果 如 下 : 
于 | 


上 述 例 子 中 ， 当 让 条 件 为 false 时 ， 执 行 break 语句 结束 循环 。 

口 continue 语句 

continue 语句 有 些 类 似 于 break 语句 ， 但 是 只 能 出 现在 循环 体 中 。 与 break 语句 的 区 别 在 
于 : continue 并 不 是 中 断 循环 语句 ， 而 是 中 止 当前 和 迭代 的 循环 ,进入 下 一 次 的 和 迭代。 简单 地 讲 ， 
continue 是 忽略 循环 语句 的 当 次 循环 。 下 面 以 例子 说 明 continue 语句 的 使 用 ， 代 码 内 容 如 代码 
6.7 所 示 。 


代码 6.7 使 用 continue 语句 


本 例 的 输出 结果 如 下 : 


上 述 例子 中 ，continue 语句 并 不 会 像 break 语句 那样 干涉 循环 体重 复 的 次 数 。 当 条 件 不 满 
足 时 ， 不 执行 输出 语句 直到 满足 条 件 时 才 执 行 输出 语句 。 

口 return 语句 

retum 语句 用 于 终止 所 执行 的 方法 ， 并 将 控制 返回 给 调用 方法 。 还 可 以 返回 一 个 可 选 值 ， 
该 值 可 以 是 任何 类 型 变量 、 结 果 集 等 。 如 果 方 法 为 void 类 型 ， 则 可 以 省 略 retum 语句 。 下 面 
以 例子 说 明 retum 语句 的 使 用 ， 代 码 内 容 如 代码 6.8 所 示 。 


代码 6.8 使 用 return 语句 


屏幕 答 出 的 结果 如 下 : 
两 数 相 灿 的 结果 是 : 3 


上 述 例子 中 定义 一 个 静态 的 方法 计算 两 数 相 加 。 在 主 函数 中 调用 add0 这 个 方法 ， 并 传递 
两 个 参数 ， 然 后 计算 出 结果 。 


6.2.2 面向 对 象 实现 


面向 对 象 方法 (Object Oriented Method) 是 一 种 把 面向 对 象 的 思想 应 用 于 软件 开发 过 程 中 ， 
指导 开发 活动 的 系统 方法 ， 简 称 OO 〈Object Oriented) 方法 。00 方法 是 建立 在 “对 象 ”概念 
基础 上 的 方法 学 。 对 象 是 由 数据 和 容许 的 操作 组 成 的 封装 体 ， 与 客观 实体 有 直接 对 应 关系 。 
一 个 对 象 类 定义 了 具有 相似 性 质 的 一 组 对 象 。 而 继承 是 对 具有 层次 关系 的 类 的 属性 和 操作 进 
行 共享 的 一 种 方式 。 所 谓 面向 对 象 就 是 基于 对 象 概念 ， 以 对 象 为 中 心 ， 以 类 和 继承 为 构造 机 
制 ， 来 认识 、 理 解 、 刻 画 客观 世界 和 设计 、 构 建 相应 的 软件 系统 。 

对 象 (Object) 即 指 现实 世界 中 各 种 各 样 的 实体 , 可 以 指 具体 的 事物 也 可 以 指 抽象 的 事物 。 
如 : 整数 1、2、3、 人 、 树 、 规 则 、 法 律 、 书 本 等 。 每 个 对 象 细 有 自己 的 内 部 状态 和 运动 规律 ， 
比如 狗 具 有 体重 、 种 类 等 内 部 状态 ， 具 有 叫 、 跑 等 运动 规律 。 在 面向 对 象 概念 中 把 对 象 的 内 
部 状态 称 为 属性 ， 运 动 规律 称 为 方法 或 事件 。 


ci 


类 是 C# 中 功能 最 为 强大 的 数据 类 型 。 像 结构 一 样 ， 类 也 定义 了 数据 类 型 的 数据 和 行为 。 
然后 ， 程 序 员 可 以 创建 此 类 的 实例 对 象 。 与 结构 不 同 ， 类 支持 继承 ， 而 继承 是 面向 对 象 编程 
的 基础 部 分 。C# 中 的 类 是 一 种 数据 结构 ， 一 般 成 员 包 括 : 数据 成 员 、 函 数 成 员 、 媒 套 类 型 等 。 

声明 语法 如 下 : 


类 修饰 符 决定 了 类 在 程序 运行 中 被 处 理 的 方式 。 创 建 类 时 ， 可 以 接受 默认 的 修饰 符 ， 也 
可 以 根据 需要 指定 一 个 或 多 个 修饰 符 。 修 饰 符 可 以 是 一 个 访问 修饰 符 (public，protected， 
private)， 加 上 一 个 或 多 个 类 型 修饰 符 (abstract、static、final、stricttp)。C# 类 中 提供 的 类 修饰 
符 详 见 表 6-1。 


表 6-1 类 修饰 符 
new 访问 修饰 符 适用 于 嵌 套 类 ， 被 修饰 的 类 会 把 继承 下 来 的 同名 成 员 隐藏 
public 存 取 不 受 限 制 
private 只 有 包含 该 成 员 的 类 可 以 存 取 
internal 只 有 当前 工程 可 以 存 取 
protected 只 有 包含 该 成 员 的 类 以 及 继承 的 类 可 以 存 取 
abstract 可 以 被 指示 一 个 类 只 能 作为 其 他 类 的 基 类 
sealed 指示 一 个 类 不 能 被 继承 
abstract 成 员 修饰 符 指示 该 方法 或 属性 没有 实现 
const 指定 域 或 局 部 变量 的 值 不 能 被 改动 
event 声明 一 个 事件 
extern 指示 方法 在 外 部 实现 
override 对 由 基 类 继承 成 员 的 新 实现 
readonly 指示 一 个 域 只 能 在 声明 时 以 及 相同 类 的 内 部 被 赋值 
static 指示 一 个 成 员 属于 类 型 本 身 ， 而 不 是 属于 特定 的 对 象 
virtual 指示 一 个 方法 或 存 取 器 的 实现 可 以 在 继承 类 中 被 覆盖 


下 面 以 例子 说 明 。 


{ nan 


在 本 例 中 ，Name 作为 属性 声明 ，Name 属性 使 用 私有 字段 来 跟踪 实际 值 。 属 性 的 数据 的 
真实 位 置 经 常 称 为 属性 的 “后 备 存储 ”。 属性 使 用 作为 后 备 存储 的 私有 字段 很 常见 。 将 字段 标 


记 为 私有 可 确保 该 字段 只 能 通过 调用 方法 来 更 改 。 

方法 在 类 或 结构 中 声明 。 声 明 时 须要 指定 访问 级 别 、 返 回 值 、 方 法 名 称 以 及 任何 方法 参 
数 。 方 法 参数 放 在 括号 中 ， 并 用 逗号 隔 开 。 空 括号 表示 方法 不 需要 参数 。 

下 面 的 类 包含 3 个 方法 : 


C# 中 的 方法 其 实 是 一 个 功能 块 ， 语 法 如 下 : 


接 下 来 实现 Program 类 中 的 test(bool flag) 方 法 ， 如 下 所 示 : 


声明 一 个 抽象 方法 使 用 abstract 关键 字 。 一 个 类 中 可 以 包含 一 个 或 多 个 抽象 方法 。 抽 象 类 
中 可 以 存在 非 抽 象 的 方法 但 不 能 被 直接 实例 化 。 实 现 抽象 类 用 “:”( 冒 号 )， 实 现 抽象 方法 用 
override 关键 字 。 抽 象 类 可 以 被 抽象 类 所 继承 ， 结 果 仍 是 抽象 类 。 抽 象 方法 被 实现 后 ， 不 能 更 
改修 饰 符 。 下 面 以 例子 说 明 抽 象 的 使 用 ， 代 码 内 容 如 代码 6.9 所 示 。 


代码 6.9 抽象 类 


输出 结果 如 下 : 


IE 
CE 


一 个 类 型 上 可 以 存在 多 个 同名 的 方法 。 当 出 现 这 种 方法 时 ， 必 须 按 照 某 种 明显 的 方式 来 
区 分 ， 将 这 种 特性 称 为 重 载 。 重 载 类 的 同名 方法 在 给 其 传递 不 同 的 参数 时 可 以 有 不 同 的 运动 
规律 。 在 对 象 间 相 互 作 用 时 ， 即 使 接收 消息 对 象 采用 相同 的 接收 办 法 ， 但 消息 内 容 的 详细 程 
度 不 同 ， 接 收 消息 对 象 内 部 的 运动 规律 也 可 能 不 同 。 

函数 重 载 是 指 在 同一 作用 域内 的 若干 参数 特征 不 同 的 函数 可 以 使 用 相同 的 函数 名 字 ， 运 
算 符 重 载 是 指 同一 个 运算 符 可 以 施加 于 不 同类 型 的 操作 数 上 面 。 重 载 对 于 提高 系统 的 灵活 性 
和 可 读 性 起 到 了 很 好 的 作用 。 

方法 重 载 ， 指 在 类 中 创建 了 多 个 方法 ， 具 有 相同 的 方法 名 ， 但 有 不 同 的 参数 、 不 同 的 返 


回 类 型 或 不 同 的 方法 体 。 代 码 6.10 演示 了 方法 重 载 的 使 用 。 
代码 6.10 方法 重 载 


本 例 的 输出 结果 如 下 : 


面向 对 象 由 3 种 基本 特征 ， 即 封装 、 继 承 和 多 态 。 下 面 将 详细 介绍 。 

口 封装 

封装 是 面向 对 象 的 特征 之 一 ， 是 对 象 和 类 概念 的 主要 特征 。 封 装 也 就 是 把 客观 的 事物 封 
装 为 抽象 的 类 。 简 洁 的 讲 ， 封 装 是 一 种 信息 隐藏 技术 。 封 装 使 数据 和 加 工 该 数据 的 方法 〈 函 
数 ) 封装 为 一 个 整体 ， 以 成 为 独立 性 很 强 的 模块 ， 使 得 用 户 只 能 见 到 对 象 的 外 特性 (对 象 能 
接受 哪些 消息 ， 具 有 哪些 处 理 能 力 )， 而 对 象 的 内 特性 (保存 内 部 状态 的 私有 数据 和 实现 加 工 
能 力 的 算法 ) 对 用 户 隐 蔽 。 封 装 的 目的 在 于 把 对 象 的 设计 者 和 对 象 的 使 用 分 开 ， 使 用 者 不 必 
知晓 行为 实现 的 细节 ， 只 须 用 设计 者 提供 的 消息 来 访问 该 对 象 。 

口 继承 

继承 就 是 在 类 之 间 建 立 一 种 相交 关系 ， 使 得 新 定义 的 派生 类 可 以 继承 已 有 基 类 的 特征 和 
能 力 ， 而 且 可 以 加 入 新 的 特性 或 者 是 修改 已 有 的 特性 建立 起 类 的 新 层次 。 一 个 类 从 另 一 个 类 
派生 出 来 时 ， 派 生 类 从 基 类 那里 继承 特性 。 派 生 类 亦 可 以 作为 其 他 类 的 基 类 。 从 一 个 基 类 派 
生出 来 的 多 层 类 ， 形 成 了 类 的 层次 结构 。 继 承 分 为 单 继承 〈 一 个 派生 类 只 有 一 个 基 类 ) 和 多 
重 继承 〈 一 个 派生 类 有 多 个 基 类 )。 类 的 对 象 各 自封 闭 ， 如 果 没 有 继承 性 机 制 ， 则 类 对 象 中 的 
数据 、 方 法 就 会 出 现 大 量 重复 。 继 承 不 仅 支持 系统 的 可 重用 性 ， 而 且 还 增强 系统 的 可 扩充 性 。 

继承 是 面向 对 象 程序 设计 的 主要 特征 之 一 ， 可 以 重 写 代 码 ， 从 而 节省 程序 设计 的 时 间 。 
类 的 继承 示例 如 代码 6.11 所 示 。 


代码 6.11 类 的 继承 


输出 结果 如 下 所 示 。 


0 多 态 

面向 对 象 程序 设计 的 另外 一 个 重要 概念 是 多 态 性 。 通 过 继承 ， 一 个 类 可 以 用 作 多 种 类 型 ; 
可 以 用 作 自 己 的 类 型 、 任 何 基 类 型 ， 或 者 在 实现 接口 时 用 作 任 何 接口 类 型 。 这 称 为 多 态 性 。 
C# 中 的 每 种 类 型 都 具有 多 态 性 。 类 型 可 用 作 自 己 的 类 型 或 用 作 Object 实例 ， 因 为 任何 类 型 都 
自动 将 Object 当 作 基 类 。 

多 态 性 不 仅 对 派生 类 很 重要 ， 对 基 类 也 很 重要 。 在 任何 情况 下 ， 使 用 基 类 实际 上 可 能 是 
在 使 用 已 经 强制 转化 成 基 类 类 型 的 派生 类 对 象 ， 基 类 的 设计 者 预测 到 该 基 类 中 可 能 会 在 派生 
类 时 发 生 更 改 的 方面 。 

当 派 生 类 从 基 类 继承 时 ， 会 获得 所 有 基 类 的 方法 、 属 性 等 ， 若 要 改变 基 类 的 行为 ， 有 两 
种 方法 : 一 是 使 用 新 的 派生 成 员 蔡 代 基 成 员 ， 二 是 重 写 基 类 中 的 虚拟 成 员 。 

在 使 用 新 的 派生 成 员 蔡 换 基 成 员 时 需要 使 用 关键 字 New。 如 果 基 类 定义 了 一 个 方法 或 字 
段 , 则 可 用 New 关键 字 创建 该 方法 或 字段 的 新 定义 , New 关键 字 要 放 在 返回 值 类 型 之 前 使 用 。 


6.2.3 结构 


利用 以 往 介 绍 过 的 简单 类 型 ， 进 行 一 些 常用 的 数据 运算 、 文 字 处 理 似乎 已 经 足够 。 但 是 
经 常 碰 到 一 些 更 为 复杂 的 数据 类 型 。 比 如 ， 电 话 短 的 记录 中 可 以 包含 他 人 的 姓名 、 电 话 和 地 
址 。 如 果 按 照 简单 类 型 来 管理 ， 每 一 条 记录 都 要 存放 到 3 个 不 同 的 变量 当中 ， 这 样 工作 量 很 
大 ， 也 不 够 直观 。 有 没有 更 好 的 办 法 呢 ? 在 实际 生活 中 ， 一 组 相关 的 信息 经 常 被 放 在 一 起 。 
一 系列 相关 的 变量 被 组 织 成 为 一 个 单一 实体 的 过 程 ， 称 之 为 生成 结构 的 过 程 。 这 个 单一 实体 
的 类 型 就 叫做 结构 类 型 , 每 一 个 变量 称 为 结构 的 成 员 。 结 构 类 型 的 变量 采用 struct 来 进行 声明 ， 
语法 格式 如 下 : 


根据 上 面 的 分 析 可 以 定义 电话 短 记 录 结 构 ， 其 定义 方式 如 下 : 


了 PhoneNumberl 就 是 一 个 PhoneBook 结构 类 型 的 变量 。 上 面 声明 中 的 public 表示 对 结构 类 
型 的 成 员 的 访问 权限 ， 对 结构 成 员 的 访问 通过 结构 变量 名 加 上 访问 符 “.”， 再 跟 成 员 的 名 称 ， 
格式 如 下 : 


结构 类 型 包含 的 成 员 类 型 没有 限制 ， 可 以 相同 ， 也 可 以 不 同 。 例 如 可 以 在 电话 夭 的 记录 
中 再 加 上 年 龄 这 个 成 员 ， 如 下 : 


甚至 可 以 把 结构 类 型 作为 另 一 个 结构 的 成 员 的 类 型 ， 这 也 没有 任何 问题 。 


结构 和 类 的 区 别 : 不 能 为 结构 声明 一 个 自己 的 默认 构造 函数 ， 因 为 编译 器 将 
始终 生成 一 个 默认 构造 函数 ， 总 是 将 字段 设置 为 0、false、null。 所 有 的 构造 
函数 必须 显 式 地 初始 化 所 有 字段 。 类 ， 可 以 在 声明 的 同时 初始 化 实例 字段 ， 
但 在 struct 中 不 能 这 么 做 。 


6.2.4 枚 举 


Enum 类 型 〈 枚 举 类 型 ) 是 一 组 命名 常量 的 集合 ， 或 者 说 是 用 户 定义 的 整数 类 型 的 集合 。 
在 声明 一 个 枚 举 时 ， 要 指定 该 枚 举 可 以 包含 的 一 组 可 接受 实例 值 。 同 时 可 以 创建 一 系列 容易 


记忆 的 名 称 ， 让 程序 更 容易 理解 。 每 一 种 枚 举 都 有 一 种 类 型 ， 除 Char 之 外 的 所 有 整 型 都 可 以 
作为 枚 举 类 型 的 基本 类 型 。 那 么 如 何 声 明 一 个 枚 举 呢 ? 方法 如 下 : 


上 述 枚 举 的 声明 方法 中 各 个 参数 的 含义 : Modifiers 是 可 以 选用 的 修饰 符 (包括 New 在 内 
的 4 种 修饰 符 )，enum-list 是 枚 举 的 成 员 名称 。 多 个 成 员 之 间 用 逗号 隔 开 。 在 声明 枚 举 的 时 候 ， 
可 以 为 每 个 成 员 赋 初 值 。 如 果 没有 赋 初 值 ， 成 员 的 类 型 默认 为 int 型 。 默 认 的 第 一 个 成 员 的 值 
为 0， 后 面 的 成 员 依次 加 1。 例 如 : 


如 果 此 时 要 输出 枚 举 的 各 个 成 员 的 值 时 ， 结 果 如 下 : 


代码 6.12 详细 地 说 明 枚 举 的 用 法 。 
代码 6.12 使 用 枚 举 类 型 


屏幕 输出 的 结果 如 下 : 


上 述 例子 没有 声明 枚 举 的 类 型 ， 其 枚 举 的 类 型 为 默认 的 int 类 型 。 枚 举 访问 时 所 用 的 修饰 
符 遵循 访问 修饰 符 和 类 或 结构 的 访问 修饰 符 的 规则 。 声明 为 命名 空间 成 员 的 枚 举 可 以 有 public 
或 internal 访问 属性 。 枚 举 使 用 new 关键 字 修饰 时 ， 则 表示 它 隐藏 一 个 被 继承 的 成 员 。 并 且 枚 
举 不 能 派生 。 


6.2.5 数组 和 集合 


存储 相关 数据 项 是 大 多 数 软 件 应 用 程序 的 一 项 基本 要 求 ; 这 可 以 通过 使 用 数组 和 集合 这 
两 种 主要 方式 来 实现 。 数 组 是 相同 类 型 的 对 象 的 集合 ， 数 组 声明 了 容纳 元 素 的 类 型 ， 而 集合 
不 声明 ， 这 是 由 于 集合 以 object 类 型 来 存储 元 素 。 一 个 数组 实例 具有 固定 的 大 小 ， 不 能 伸缩 。 
集合 则 可 根据 需要 动态 改变 大 小 。 数 组 是 一 种 可 读 / 可 写 数据 结构 一 一 没有 办 法 创建 一 个 只 读 
数组 。 然 而 可 以 使 用 集合 提供 的 ReadOnly0 方 法 ， 以 只 读 方 式 来 使 用 集合 ， 该 方法 将 返回 集 
合 的 只 读 版 本 。 


(有 ) 


数组 是 相同 类 型 的 对 象 的 集合 。 数 组 实际 上 可 以 是 任意 长 度 ， 这 意味 着 可 以 存储 数 千 乃 
至 数 百 万 个 对 象 ， 但 其 大 小 必须 在 创建 数组 时 就 确定 下 来 。 数 组 中 的 每 一 项 都 由 一 个 索引 来 
访问 ， 索 引 只 是 一 个 指示 对 象 在 数组 中 的 存储 位 置 或 槽 的 数字 。 数 组 既 可 用 于 存储 引用 类 型 ， 
也 可 用 于 存储 值 类 型 。 

数组 根据 存储 数据 的 形式 可 分 为 一 维 数组 和 多 维 数据 ， 数 组 是 一 个 经 过 索引 的 对 象 集合 。 
一 维 数 组 结构 相对 比较 简单 ， 以 线性 方式 存储 了 固定 数目 的 项 ， 它 仅仅 需要 一 个 索引 值 就 可 
以 确定 任何 一 项 。 

在 C# 中 ， 数 组 声明 中 的 方 括号 必须 紧 跟 数据 类 型 ， 而 不 可 以 像 在 Java 中 一 样 出 现在 变量 
名 的 后 面 。 因 此 ， 可 以 使 用 下 面 的 语法 来 声明 整数 类 型 的 数组 。 


intD Myarray 
而 下 面 的 声明 在 C# 中 是 无 效 的 。 


twa 
一 旦 声明 了 数组 ， 就 可 以 使 用 新 的 关键 字 来 设置 它 的 大 小 ， 例 如 : 


// 声 i 


数组 声明 完成 后 ， 就 可 以 访问 一 维 数组 中 的 元 素 ，C# 数 组 的 索引 也 是 从 零 开始 的 。 
Array[4] /1// 孝 组 中 的 最 后 -个 对 入 
初始 化 数组 时 可 以 使 用 与 Java 相同 的 语法 在 创建 时 对 数组 元 素 进行 初始 化 。 


与 Java 不 同 ， 初 始 化 器 的 数目 必须 与 数组 大 小 完全 匹配 。 也 可 以 利用 这 一 特性 在 一 行 中 
声明 和 初始 化 C# 数 组 。 


在 上 述 代码 中 ， 创 建 了 一 个 大 小 与 初始 化 器 的 数目 相等 的 数组 。 
还 可 以 在 程序 循环 中 初始 化 ，C# 中 初始 化 数组 的 另 一 种 方法 就 是 使 用 foreach 循环 。 下 面 
的 循环 将 数组 中 的 每 个 元 素 都 设置 为 零 。 


在 介绍 完 一 维 数组 后 接 下 来 讲解 多 维 数组 的 使 用 。 从 概念 上 来 说 ， 具 有 二 维 的 多 维 数组 
类 似 于 一 个 网 格 ， 而 具有 三 维 的 多 维 数组 类 似 于 一 个 立方 体 。C# 允 许 创 建 规则 的 多 维 数组 ， 
它 可 以 看 作 是 相同 类 型 的 值 的 矩阵 。 数 组 可 以 具有 多 个 维度 。 

下 面 声 明 创建 一 个 四 行 两 列 的 二 维 数组 。 


下 列 声明 创建 一 个 三 维 (4、2 和 3) 数组 。 


可 以 在 声明 数组 时 将 其 初始 化 ， 如 下 例 所 示 。 


也 可 以 初始 化 数组 但 不 指定 级 别 。 


如 果 选 择 声 明 一 个 数组 变量 但 不 将 其 初始 化 ， 必 须 使 用 new 运算 符 将 一 个 数组 分 配给 此 
变量 。 例 如 ， 


也 可 以 给 数组 元 素 赋值 ， 例 如 : 


下 面 的 代码 示例 将 数组 变量 初始 化 为 默认 值 〈 交 错 数组 除外 )。 


多 维 数组 的 一 种 变 体 是 交错 数组 ， 即 由 数组 组 成 的 数组 。 交 错 数组 是 一 维 数组 ， 且 每 个 
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元 素 自 身 是 一 个 数组 。 作 为 元 素 的 数组 无 需 均 为 相同 的 大 小 。 
声明 交错 数组 的 方式 如 下 : 


int[][] jaggedArray=new int[3][]; 


这 样 做 会 创建 一 个 有 3 个 数组 的 数组 。 这 些 数组 可 以 按 如 下 方式 初始 化 。 


jaggedArray[0]=new int[5]7 
jaggedArray[1l]=new int[4]7 
jaggedArray[2]=new int[2]7 


一 2. 集合 - 


\ j 


数组 这 个 数据 结构 有 一 定 的 局 限 性 ， 一 旦 创建 好 数组 ， 就 不 能 对 它 的 大 小 进行 改变 。 换 
句 话说 就 是 数组 一 旦 创建 好 就 固定 了 大 小 ， 不 可 能 在 数组 的 末尾 新 添 元 素 。 如 果 必 须 对 现 有 
数组 大 小 进行 改变 就 只 能 新 建 一 个 数组 ， 这 意味 着 用 于 处 理 数组 的 语法 比较 复杂 。 为 了 简化 


处 理 数组 的 语法 ， 这 里 引入 了 集合 。 集 合 是 创建 在 C# 内 部 并 且 可 以 进行 一 些 处 理 


的 类 。 


集合 相对 于 数组 而 言 ， 语 法 已 经 标准 化 。 这 使 得 利用 集合 进行 处 理 要 比 数组 简单 得 多 。 


集合 的 功能 通过 执行 System.Collections 命名 空间 中 的 接口 来 实现 。 


在 C#.NET 中 ， 集 合 都 实现 了 ICollection 接口 。 而 ICollection 接口 是 继承 自 IEnumerable 


接口 ， 那 么 每 个 内 建 的 集合 也 因此 实现 了 IEnumerable 接口 。 


C# 中 提供 了 很 多 集合 ， 换 个 角度 说 ， 这 些 集合 都 在 System.Collections 命名 空间 中 。 每 个 
集合 都 实现 了 ICollection 接口 。 表 6-2 中 列 出 了 该 接口 的 成 员 。 表 6-3 中 列 出 了 集合 的 接口 。 


表 6-2 ICollection 接口 的 成 员 


成 员 说 明 
GetEnumerator 该 方法 返回 一 个 Enumerator， 以 此 来 遍历 整个 集合 。 这 个 方法 从 IEnumerable 接 
口 继承 得 到 

Count 该 属性 能 够 得 到 集合 中 元 素 的 数量 

IsSynchronized 该 属性 表明 这 个 类 是 否 是 线程 安全 的 

SyncRoot 可 以 使 用 该 属性 来 使 对 象 与 集合 同步 

CopyTo 该 方法 将 集合 的 元 素 复制 到 一 个 数组 中 
表 6-3 集合 接口 

接口 说 明 

ICollection 为 C# 中 实现 的 所 有 集合 提供 一 个 标准 接口 

IComparer 使 集合 能 够 对 集合 中 的 项 进行 排序 

IDictionary 表示 包含 键 / 值 对 的 集合 

IDictionaryEnumerator ”使 键 / 值 对 集合 能 够 对 集合 中 的 项 进行 排序 

IEnumerable 使 集合 能 够 对 集合 中 的 项 进行 遍历 

IList 可 以 按 索 引 访问 集合 


下 面 讨论 一 下 集合 的 遍历 。 有 一 种 方法 就 是 用 IEnumerable.GetEnumerator() 方 法 来 返回 一 
个 枚 举 数 ， 然 后 用 这 个 枚 举 数 来 遍历 整个 集合 。 这 建立 在 所 有 的 集合 都 实现 了 IEnumerable 接 


口 的 基础 上 。 具 体 的 方法 是 : 先 实例 化 枚 举 数 ， 这 时 枚 举 数 被 放 在 集合 的 第 一 个 元 素 之 前 ， 
然后 调用 MoveNext 方法 让 枚 举 数 移 向 集合 的 下 一 个 元 素 ， 当 枚 举 数 到 达 集合 的 末尾 时 ,就 停 
留 在 集合 最 后 一 个 元 素 的 后 面 。 这 样 就 完成 了 通过 枚 举 数 来 遍历 集合 。 


枚 举 数 是 一 个 对 象 ， 只 能 用 来 读 取 集 合 的 值 ， 不 能 用 来 改变 集合 的 内 容 。 表 
6-4 中 的 内 容 是 枚 举 数 的 方法 以 及 属性 。 


表 6-4 枚 举 数 的 方法 和 属性 


Current 该 属性 返回 集合 中 的 当前 对 象 
MoveNext 该 方法 将 枚 举 数 移 向 集合 的 下 一 项 
Reset 该 方法 将 枚 举 数 移动 到 初始 位 置 


通过 枚 举 数 遍历 集合 的 代码 如 代码 6.13 所 示 。 
代码 6.13 ”通过 枚 举 数 遍历 集合 


从 代码 6.13 可 以 看 出 : 用 枚 举 数 来 实现 集合 的 遍历 很 简单 。 仅 需 一 个 实例 化 枚 举 数 语句 
加 一 个 循环 就 可 以 了 《循环 条 件 是 调用 枚 举 数 的 MoveNext() 方 法 ， 直 到 枚 举 数 停留 在 集合 最 
后 一 个 元 素 的 后 面 )。 


6.3 ”配置 应 用 程序 


Web.config 文件 是 一 个 XML 文本 文件 ， 用 来 储存 ASPNET Web 应 用 程序 的 配置 信息 ， 
出 现在 应 用 程序 的 每 一 个 目录 中 。 当 通过 C#NET 新 建 一 个 Web 应 用 程序 后 ， 默 认 情 况 下 会 
在 根 目录 下 自动 创建 一 个 默认 的 Web.config 文件 ， 包 括 默 认 的 配置 设置 ， 所 有 的 子 目 录 都 继 
承 它 的 配置 设置 。 如 果 需 要 修改 子 目录 的 配置 设置 ， 可 以 在 该 子 目录 下 新 建 一 个 Web.config 
文件 。 它 可 以 提供 除 从 父 目 录 继 承 的 配置 信息 之 外 的 配置 信息 ， 也 可 以 重 写 或 者 修改 父 目录 
中 定义 的 设置 。 
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6.3.1 ASPNET 配置 概述 


使 用 ASPNET 配置 系统 的 功能 , 可 以 配置 整个 服务 器 上 的 所 有 ASPNET 应 用 程序 、 单 个 
ASPNET 应 用 程序 、 各 个 页 面 或 者 应 用 程序 子 目 录 。 还 可 以 配置 各 种 功能 ， 如 身份 验证 模式 、 
页 缓存 、 编 译 器 选项 、 自 定义 错误 、 调 试 和 跟踪 选项 等 。 

使 用 ASPNET 配置 系统 的 功能 , 可 以 配置 整个 服务 器 、ASPNET 应 用 程序 或 者 单独 的 页 
面 。ASPNET 配置 数据 存储 在 全 部 命名 为 Web.config 的 XML 文本 文件 中 ，Web.config 文件 可 
以 出 现在 ASPNET 应 用 程序 的 多 个 目录 中 。 使 用 这 些 文 件 ， 可 以 在 将 应 用 程序 部 署 到 服务 器 
上 之 前 、 期 间或 者 之 后 方便 地 编辑 配置 数据 ,可 以 通过 使 用 标准 的 文本 编辑 器 、ASPNET MMC 
管理 单元 、 网 站 管理 工具 或 者 ASPNET 配置 API 来 创建 和 编辑 ASPNET 配置 文件 。 ASPNET 
配置 文件 将 应 用 程序 配置 设置 与 应 用 程序 代码 分 开 。 通 过 将 配置 数据 与 代码 分 开 ， 可 以 方便 
地 将 设置 与 应 用 程序 关联 ， 在 部 署 应 用 程序 之 后 根据 需要 更 改 设置 ， 以 及 扩展 配置 架构 。 

在 许多 应 用 程序 中 ， 需 要 存储 并 使 用 对 用 户 唯一 的 信息 。 用 户 访问 站 点 时 ， 可 以 使 用 已 
存储 的 信息 向 用 户 显示 Web 应 用 程序 的 个 性 化 版 本 。 个 性 化 应 用 程序 需要 大 量 的 要 求 : 必须 
使 用 唯一 的 用 户 标识 符 存储 信息 ， 能 够 在 用 户 再 次 访问 时 识别 用 户 ， 然 后 根据 需要 获取 用 户 
信息 。 若 要 简化 应 用 程序 ,可 以 使 用 ASPNET 配置 文件 功能 ， 该 功能 可 以 执行 所 有 上 述 任务 。 

每 个 Web.config 文件 都 将 配置 设置 应 用 于 它 所 在 的 目录 以 及 它 下 面 的 所 有 子 目 录 。 可 以 
选择 用 子 目 录 中 的 设置 重 写 或 者 修改 父 目录 中 指定 的 设置 。 通 过 在 location 元 素 中 指定 一 个 路 
径 ， 可 以 选择 将 Web.config 文件 中 的 配置 设置 应 用 于 个 别 文件 或 者 子 目录 。 

运行 时 , ASPNET 使 用 Web.config 文件 按 层次 结构 为 传 入 的 每 个 URL 请 求 计 算 唯一 的 配 
置 设置 集合 。 这 些 设置 只 计算 一 次 ， 随 后 将 缓存 在 服务 器 上 。ASPNET 检测 对 配置 文件 进行 
的 任何 更 改 ， 然 后 自动 将 这 些 更 改 应 用 于 受 影响 的 应 用 程序 ， 而 且 大 多 数 情况 下 会 重新 启动 
应 用 程序 。 只 要 更 改 层次 结构 中 的 配置 文件 ， 就 会 自动 计算 并 再 次 缓存 分 层 配置 设置 。 除 非 
processModel 节 已 更 改 ， 否 则 IS 服务 器 不 必 重 新 启动 ， 所 做 的 更 改 即 会 生效 。 

应 用 程序 运行 时 ，ASPNET 会 创建 一 个 ProfileCommon 类 ， 该 类 是 一 个 动态 生成 的 类 ， 
从 ProfileBase 类 继承 而 来 。 动 态 的 ProfileCommon 类 包括 根据 在 应 用 程序 配置 中 指定 的 配置 
文件 属性 定义 创建 的 属性 ,然后 , 会 将 此 动态 ProfileCommon 类 的 实例 设置 为 当前 HttpContext 
的 Profile 属性 的 值 ， 并 且 可 在 应 用 程序 的 页 面 中 使 用 。 并 可 以 收集 要 存储 的 值 ， 并 将 其 赋值 
给 已 定义 的 配置 文件 属性 。 例如， 应 用 程序 的 主页 可 能 包含 提示 用 户 输 入 邮政 编码 的 文本 框 。 
用 户 输入 邮政 编码 时 ， 可 以 设置 Profile 属性 ， 以 存储 当前 用 户 的 值 。 

使 用 ASPNET 配置 系统 所 提供 的 工具 来 配置 应 用 程序 比 使 用 文本 编辑 器 简单 ， 因 为 这 些 
工具 包括 错误 检测 功能 。ASPNET 配置 系统 提供 一 个 完整 的 托管 接口 ， 使 用 该 接口 ， 可 以 通 
过 编程 方式 配置 ASPNET 应 用 程序 ， 而 不 必 直 接 编辑 XML 配置 文件 。ASPNET 配置 系统 有 
助 于 防止 未 经 授权 的 用 户 访问 配置 文件 。ASPNET 将 IIS 配置 为 拒绝 任何 浏览 器 访问 
Machine.config 或 者 Web.config 文件 。 

使 用 Web.config 配置 文件 具体 有 如 下 优点 。 

口 配置 设置 的 易 读 性 所 有 的 配置 信息 都 存储 在 XML 文本 文件 中 ， 可 以 使 用 文本 编辑 

器 或 者 XML 编辑 器 (如 Visual Studio NET ) 来 直接 编辑 配置 文件 以 进行 查看 和 修改 。 
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口 更 新 的 及 时 性 ASPNET 应 用 程序 配置 的 更 新 非常 及 时 , 无 须 重启 Web 服务 器 , 就 能 
使 配置 应 用 于 正在 运行 的 系统 ， 对 终端 用 户 完全 透明 。 

口 无 须 访问 本 地 服务 器 ”在 更 新 配置 系统 时 ，ASPNET 可 以 自动 探测 配置 文件 的 变化 ， 
然后 创建 一 个 新 的 应 用 程序 实例 。 终 端 用 户 被 重 定 向 到 这 个 新 的 应 用 程序 ， 无 须 访问 
本 地 服务 器 ， 配 置 的 改变 就 可 投入 应 用 。 

口 易于 复制 ASPNET 配置 文件 是 XML 格式 ， 因 此 可 以 简单 地 将 IS ( Internet 信息 服 
务 ) 中 的 Web 应 用 程序 文件 复制 到 其 他 合适 的 位 置 。 

口 保护 配置 文件 ASPNET 通过 配置 IIS 阻止 对 直接 的 配置 文件 浏览 器 访问 ， 从 而 保护 
配置 文件 不 受 外 部 访问 。 

口 可 扩展 性 ASPNET 的 配置 系统 有 很 强 的 扩展 性 。 用户 可 以 自 定义 新 的 配置 参数 ， 并 
通过 编写 相应 的 处 理 程序 来 处 理 。 


6.3.2 ”Web.config 结构 


在 ASPNET 应 用 程序 中 ， 所 有 的 ASPNET 配置 信息 都 储存 在 Web.config 文件 中 的 
configuration 元 素 中 。 此 元 素 中 的 配置 信息 分 为 两 个 主 区 域 : 配置 节 处 理 程序 声明 区 域 和 配置 
节 设 置 区 域 。 


六 人 配置 节 处 理 程序 声明 


配置 节 处 理 程序 声明 区 域 驻 留 在 Web.config 文件 中 的 configSections 元 素 内 。 它 包含 在 声 
明 节 处 理 程序 的 ASPNET 配置 section 元 素 。 可 以 将 这 些 配置 节 处 理 程序 声明 其 套 在 
sectionGroup 元 素 中 ， 以 帮助 组 织 配置 信息 。 通 常 ，sectionGroup 元 素 表 示 要 应 用 配置 设置 的 
命名 空间 。 例如， 所 有 的 ASPNET 配置 节 处 理 程序 都 在 system.web 节 组 中 进行 分 组 ， 如 下 面 
的 代码 实例 所 示 。 


<sectionGroup name="system.web.extensions" type="System.Web.Configuration. 


SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=3.5.0.0, 
Culture=neutral, PublicKeyToken=31BF3856AD364E35"> 


配置 节 设置 区 域 中 的 每 个 配置 节 都 有 一 个 节 处 理 程序 声明 。 节 处 理 程序 是 用 来 实现 
ConfigurationSection 接口 的 .NET Framework 类 。 节 处 理 程序 声明 中 包含 配置 设置 节 的 名 称 ( 如 
ioleService) 以 及 用 来 处 理 该 节 中 配置 数据 的 节 处 理 程 序 类 的 名 称 〈 如 System.Web.Configu- 
ration.ScriptingRoleServiceSection)。 下 面 的 代码 实例 中 冰 述 了 这 一 点 。 


<section name="roleService" type="System-Web .Configuration- 
ScriptingRoleServiceSection, System.Web.Extensions, Version=3.5.0.0, 
Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false™" 


allowDefinition="MachineToApplication" /> 


在 ASPNET 应 用 程序 的 配置 文件 中 只 需要 声明 一 次 配置 节 处 理 程序 即 可 ，Web.config 文 
件 和 ASPNET 应 用 程序 中 的 其 他 配置 文件 都 自动 继承 在 Machine.config 文件 中 声明 的 配置 处 
理 程序 。 只 有 当 创建 用 来 处 理 自 定义 设置 节 的 自 定 义 节 处 理 程序 类 时 ， 用 户 才 需 要 声明 新 的 


节 处 理 程序 。 


配置 节 设置 区 域 位 于 配置 节 处 理 程序 声明 区 域 之 后 ， 它 包含 实际 的 配置 设置 。 默 认 情况 
下 ， 在 内 部 或 者 在 某 个 根 配置 文件 中 ， 对 于 configSections 区 域 中 的 每 一 个 section 和 
sectionGroup 元 素 ， 都 会 有 一 个 指定 的 配置 节 元 素 。 这 些 配置 节 元 素 还 可 以 包含 子 元 素 ， 这 些 
子 元 素 与 其 父 元 素 由 同一 个 节 处 理 程 序 处 理 。 例 如 ,下面 代码 中 的 pages 元 素 包含 一 个 controls 
元 素 ， 该 元 素 没 有 相应 的 节 处 理 程序 ， 因 为 它 由 pages 节 处 理 程序 来 处 理 。 


6.3.3 在 Flex 中 生成 Web.config 


在 网 站 的 实际 应 用 中 ， 配 置 数据 库 连 接 字符 串 是 Web.config 文件 最 常用 的 功能 之 一 ， 该 
功能 主要 在 connectionStrings 节 配 置 。 connectionStrings 元 素 为 ASPNET 应 用 程序 和 ASPNET 
功能 指定 数据 库 连 接 字 符 串 〈 名 称 / 值 对 的 形式 ) 的 集合 、 会 话 、 成 员 资格 、 个 性 化 设置 和 角 
色 管 理 器 等 功能 , 均 依赖 于 存储 在 connectionStrings 元 素 中 的 连接 字符 串 。 该 节点 有 3 个 子 元 
素 ， 表 6-5 中 列 出 了 该 节点 3 个 子 元 素 以 及 这 3 个 子 元 素 的 说 明 。 


表 6-5 connectionStrings 节 子 元 素 


Add 向 连接 字符 串 集 合 添 加 名 称 / 值 对 形式 的 连接 字符 串 
Clear 移 除 所 有 对 继承 的 连接 字符 串 的 引用 ， 仅 允许 那些 由 当前 的 add 元 素 添加 的 连接 字符 串 
Remove 从 连接 字符 串 集 合 中 移 除 对 继承 的 连接 字符 串 的 引用 


下 面 列 举 一 个 该 节点 的 实例 ， 代 码 如 下 所 示 。 


在 Flex Builder 3 开发 环境 中 ， 为 当前 项 目 创建 数据 库 应 用 时 ， 会 自动 为 项 目 创建 
Web.config 文件 , 并 在 文件 中 存放 相应 的 数据 库 连接 字符 串 信 息 。 下 面 将 详细 介绍 如 何在 Flex 


中 自动 生成 Web.config 文件 。 具 体 步 骤 如 下 所 示 。 
(1) 选择 Data | Create Application from Database 命令 ， 进 入 Choose data source 窗口 ， 如 
图 6-13 所 示 。 


在 进入 Choose data source 窗口 前 ， 要 确保 项 目 创建 的 时 候 ， 选 择 了 应 用 程序 
服务 器 的 类 型 ， 否 则 将 无 法 打开 选择 数据 源 。 该 项 目 在 “应 用 程序 服务 器 类 
型 ”选项 中 选择 了 “ASPNET”。 


(2) 单 击 New… 按 钮 ， 创 建新 的 数据 库 连接 。 首 先进 入 Create connection profile 窗口 , 在 
这 里 设置 Name 为 connstr, Description 为 “创建 连接 字符 串 ” 并 且 可 以 启用 Auto-connect when 
the wizard is finished or when Data Source Explorer opens (向 导 完 成 或 打开 引用 数据 源 的 项 目 时 
自动 连接 ) 复 选 框 ， 如 图 6-14 所 示 。 


图 6-13 ”选择 数据 源 图 6-14 创建 连接 记录 


(3) 单 击 Next 按钮 ， 进 入 Simple SQL Server Connection 窗口 ， 创 建 一 个 SQL Server 数 
据 库 的 连接 。 在 该 窗口 中 ， 输 入 服务 器 、 数 据 库 名 、SQL Server 登录 账户 名 称 和 密码 ， 如 图 
6-15 所 示 。 

(4) 配置 完成 后 ， 单 击 Test Connection 按钮 ， 测 试 与 数据 库 的 连接 ， 如 果 正 确 则 显示 The 


connection was successful， 如 图 6-16 所 示 。 
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图 6-15 连接 SQL Server 数据 库 6-16 ”测试 连接 
(5) 单 击 Next 按钮 ， 进 入 Summary 窗口 ， 在 该 窗口 中 ， 确 认 前 面 进行 的 设置 ， 确 认 无 误 


后 单 击 Finish 按钮 完成 创建 ， 如 图 6-17 所 示 。 


图 6-17 确认 信息 


(6) 创建 完成 后 ， 在 存放 项 目 文件 的 根 文件 夹 下 将 会 自动 创建 Web.config 文件 ， 该 文件 
的 具体 内 容 如 代码 6-14 所 示 。 


代码 6.14 Web.config 文 件 


ASP.NET ASP.NET 数 所 时 示 


第 4 章 


过 内容 摘要 mwewst 

在 应 用 程序 中 经 常会 用 到 数据 库 来 存 取 数 据 ， 几 乎 所 有 的 应 用 程序 都 离 不 开 数据 的 增加 、 
删除 、 修 改 和 查询 操作 ， 而 这 些 操作 往往 是 通过 数据 库 来 实现 的 。ASPNET 提供 了 强大 的 数 
据 库 处 理 功能 。 在 ASPNET 中 处 理 数据 的 基本 方法 是 通过 ADO.NET 中 提供 的 数据 访问 类 实 
现 的。 利用 ADONET 访问 类 ， 用 户 可 以 在 程序 中 浏览 、 编 辑 各 种 数据 库 的 数据 。 

另外 ，XML 具有 自 描述 性 、 内 容 与 显示 相 分 离 、 可 扩展 性 、 独 立 于 平台 等 特点 。XML 
还 提供 了 一 套 跨 平 台 、 跨 网 络 、 跨 程序 语言 的 数据 描述 方式 ， 已 逐渐 成 为 程序 中 数据 表示 及 
应 用 的 数据 交换 标准 格式 。 

ASPNET 把 XML 作为 应 用 程序 数据 存储 和 传输 也 是 一 种 重要 方法 。 将 这 两 种 技术 结合 
起 来 可 以 开发 出 各 种 功能 强大 的 系统 。 在 本 章 中 ,我 们 将 首先 对 ADONET 和 XML 的 基本 概 
念 进行 介绍 ， 然 后 详细 讲解 如 何 使 用 ADO.NET 显示 数据 库 数 据 ， 显 示 XML 文件 数据 以 及 如 
何 生成 XML 等 。 

导 7 学 习 目 标 |owcewws 
了 解 ADO.NET 命名 空间 
熟悉 ADO.NET 组 件 和 对 象 的 使 用 方法 
了 解 ListView 控件 模板 及 数据 显示 方法 
掌握 SqlDataSource 和 DataList 控件 的 使 用 方法 
掌握 GridView 控件 编辑 数据 的 方法 
熟悉 Repeater 控件 显示 数据 的 方法 
掌握 4 种 XML 显示 方法 
掌握 XML 生成 的 两 种 方法 
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7.1 ADO.NET 概述 


作为 .NET Framework 框架 的 一 部 分 ，ADO.NET 提供 了 一 组 NET 类 ， 这 些 类 不 仅 可 以 对 
各 种 数据 源 进行 高 效 访问 ， 还 能 够 对 数据 进行 复杂 的 操作 和 排序 ， 而 且 形 成 了 一 个 重要 的 框 
架 ， 在 这 个 框架 中 可 以 实现 应 用 程序 之 间 的 通信 和 XML Web 服务 。 
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7.1.1 ADO.NET 命名 空间 


ADO.NET 提供 了 对 Microsoft SQL Server 等 数据 源 , 以 及 OLE DB 和 XML 数据 源 的 一 致 
访问 。 数 据 共享 使 用 者 应 用 程序 可 以 使 用 ADO.NET 来 连接 到 这 些 数据 源 ,并 检索 、 操 作 和 更 
新 数据 。 

ADO.NET 包含 用 于 连接 到 数据 库 、 执 行 命令 和 检索 结果 的 .NET Framework 数据 提供 程 
序 。 可 以 直接 处 理 检索 到 的 结果 ， 或 将 其 放 入 ADO.NET DataSet 对 象 ， 以 便 与 来 自 多 个 源 的 
数据 或 在 层 之 间 进 行 远程 处 理 的 数据 组 合 在 一 起 ， 以 特殊 方式 向 用 户 公开 。ADO.NET DataSet 
对 象 也 可 以 独立 于 .NET Framework 数据 供 程序 使 用 , 以 管理 应 用 程序 本 地 的 数据 或 源 自 XML 
的 数据 。 

ADONET 类 在 System.Data.dll 中 ， 并 且 与 System.Xml.dll 中 的 XML 类 集成 。 当 编译 使 
用 System.Data 命名 空间 的 代码 时 ， 需 要 引用 System.Data.dll 和 System.Xml.dll。ADO.NET 命 
名 空间 主要 在 .NET Framework 的 System.Data 命名 空间 中 ， 该 命名 空间 主要 包括 以 下 几 部 分 。 

口 System.Data 

这 个 命名 空间 表示 内 存 数据 的 类 , 由 构成 ADO.NET 结构 的 类 组 成 , 该 结构 是 托管 应 用 程 
序 的 主要 数据 访问 方法 。ADO.NET 结构 使 生成 的 组 件 能 够 有 效 地 管理 来 自 多 个 数据 源 的 数 
据 。ADO.NET 还 提供 对 分 布 式 应 用 程序 中 的 数据 进行 请 求 、 更 新 和 协调 的 工具 。 这 些 类 独立 
于 数据 的 源 ， 所 以 无 论 数据 来 自 SQL Server、Access 还 是 XML 文件 ， 都 可 以 使 用 相同 的 类 。 
这 些 类 中 最 为 重要 的 是 DataSet 类 。 

OD System.Data.Common 

该 命名 空间 包含 由 .NET Framework 数据 提供 程序 共享 的 类 。 数 据 提供 程序 描述 一 个 类 的 

合 ， 这 些 类 用 于 在 托管 空间 中 访问 数据 源 ， 例 如 数据 库 。 

OD System.Data.OleDb 

该 命名 空间 构成 兼容 数据 源 的 OLE DB.NET Framework 数据 提供 程序 的 类 。 这 些 类 能 连 
接 到 OLE DB 数据 源 , 针对 数据 源 执行 命令 并 读 取 结 果 。 因 为 用 于 OLE DB 的 .NET Framework 
数据 提供 程序 描述 了 用 于 访问 托管 空间 中 OLE DB 数据 源 的 类 集合 。 使 用 OleDbDataAdapter， 
可 以 填充 驻 留 在 内 存 中 的 DataSet 类 ， 该 数据 集 可 用 于 查询 和 更 新 数据 源 。 

口 System.Data.SqlClient 

该 命名 空间 构成 SQL Server.NET Framework 数据 提供 程序 的 类 ， 提 供 程序 允许 连接 到 
SQL Server 2008、 执 行 命令 并 读 取 结 果 。System.Data.SqlClient 命名 空间 与 System.Data.OleDb 
命名 空间 类 似 ， 但 对 访问 SQL Server 2008 和 更 新 版 本 进行 了 优化 。 

OD System.Data.SqlTypes 

该 命名 空间 为 SQL Server 内 的 本 机 数据 类 型 提供 类 。 这 些 类 提供 了 一 种 较 之 其 他 数据 类 
型 更 安全 、 更 快捷 的 方法 。 在 可 能 丢失 精度 的 情况 下 ， 在 此 命名 空间 中 使 用 这 些 类 有 助 于 防 
止 产生 类 型 转换 错误 。 由 于 其 他 数据 类 型 隐 式 地 与 SqlTypes 进行 相互 转换 ， 所 以 在 此 命名 空 
间 内 显 式 创建 和 使 用 对 象 将 会 使 代码 更 快 。 例 如 ，SQL Server 2008 中 的 money 型 列 中 的 任意 
一 个 值 都 可 以 用 System.Data.SqlType.SqlMoney 类 的 一 个 实例 来 表示 。 


7.1.2 ADO.NET 组 件 


ADONET 包含 两 个 核心 组 件 , DataSet 和 .NET Framework 数据 提供 程序 。NET Framework 
数据 提供 程序 包括 Connection 对 象 、Command 对 象 、DataReader 对 象 和 DataAdapter 对 象 ， 
而 DataSet 包含 DataTable 对 象 集合 和 DataRelation 对 象 集 合 。.NET Framework 数据 提供 程序 
用 于 连接 数据 源 、 执 行 SQL 语句 命令 和 检索 数据 。 检 索 到 的 数据 既 可 以 直接 处 理 ， 也 可 以 放 
入 DataSet 对 象 中 。.NET Framework 数据 提供 程序 在 DataAdapter 对 象 和 DataSet 对 象 集合 之 
间 建 立 联系 。ADO.NET 的 对 象 模型 如 图 7-1 所 示 。 
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图 7-1 ADONET 对 象 模型 


从 图 7-1 中 看 到 ， 在 ADO.NET 对 象 模型 中 主要 有 5 个 对 象 ， 分 别 是 : Connection 对 象 、 
Command 对 象 、DataAdapter 对 象 、DataSet 对 象 以 及 DataReader 对 象 。 这 些 对 象 中 负责 建立 
链接 和 数据 操作 的 部 分 称 为 数据 操作 组 件 ， 分 别 由 Connection 对 象 、Command 对 象 、 
DataAdapter 对 象 以 及 DataReader 对 象 所 组 成 。 数 据 操作 对 象 的 最 主要 作用 是 当 作 DataSet 对 
象 以 及 数据 源 之 间 的 桥 粱 ， 负 责 将 数据 源 中 的 数据 取出 后 写 入 DataSet 对 象 中 ， 以 及 将 数据 存 
回 数据 源 的 工作 。 


7.1.3 ADO.NET 对 象 
在 了 解 ADONET 所 需 的 命名 空间 ， 并 熟悉 其 组 成 结构 之 后 ， 本 节 将 详细 介绍 ADO.NET 


中 与 数据 库 有 关 的 各 种 对 象 ， 像 使 用 Connection 对 象 建立 连接 , 使 用 Command 对 象 对 象 执行 
SQL 命令 并 将 查询 结果 保存 到 DataSet 对 象 等 。 
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Connecton 对 象 


在 对 数据 库 进 行 操作 之 前 ， 必 须 先 定义 一 个 数据 库 连 接 。 因 为 ， 只 有 定义 了 这 个 连接 字 
符 串 ， 才 能 够 通过 这 个 连接 字符 串 将 应 用 程序 与 数据 库 连 接 起 来 ， 用 户 才 可 以 通过 应 用 程序 
对 数据 库 中 的 数据 进行 增加 、 删 除 、 修 改 和 查询 等 操作 。Connection 对 象 主要 处 理 对 数据 库 的 
连接 和 管理 数据 库 事务 操作 ， 是 操作 数据 库 的 基础 。 

例如 ， 如 下 的 语句 实例 化 了 一 个 SqlConnection 对 象 ， 创 建 到 SQL Server 服务 器 zhht 中 
schoolmis 数据 库 的 连接 ， 连 接 使 用 账户 sa， 密 码 123456。 


pwd: 


创建 了 Connection 对 象 之 后 , 需要 打开 连接 才能 连接 到 数据 库 , 为 此 可 以 调用 Connection 
对 象 的 Open() 方 法 。 当 使 用 Connection 对 象 之 后 ， 最 好 关闭 并 释放 Connection 对 象 ， 来 缓解 
数据 库 服务 器 的 压力 。 可 以 调用 Connection 对 象 的 Close() 方 法 关闭 数据 库 连 接 。 其 打开 和 关 
闭 语句 如 下 : 


2 Commang 于 象 


在 建立 到 数据 库 的 连接 后 ， 需 要 使 用 一 个 数据 库 操作 对 象 来 实现 。 一 个 数据 库 操作 命令 
可 以 用 SQL 语句 来 表达 ， 包 括 执行 选择 查询 (SELECT 语句 ) 来 返回 记录 集合 ， 执 行 更 新 查 
询 (UPDATE 语句 ) 来 执行 更 新 记录 , 执行 删除 查询 (DELETE 语句 ) 来 删除 记录 等 。Command 
命令 也 可 以 传递 参数 并 返回 值 ， 同 时 Command 命令 也 可 以 被 明确 地 定 界 , 或 调用 数据 库 中 的 
存储 过 程 。 

例如 ， 如 下 的 语句 演示 了 使 用 Command 对 象 在 conn 连接 的 数据 库 中 查询 表 books 的 
内 容 。 


DataReader 对 象 是 用 来 读 取 数据 库 的 最 简单 方式 ， 它 只 能 读 取 、 不 能 写 入 ， 并 且 是 从 头 
至 尾 往 下 读 。 因 此 ，DataReader 对 象 只 能 只 读 某 条 数据 ， 但 它 占 用 内 存 小 、 速 度 快 。 每 次 在 
内 存 中 的 数据 只 有 一 行 ， 所 以 使 用 DataReader 可 提高 应 用 程序 的 性 能 并 减少 系统 开销 。 

要 创建 DataReader 对 象 ， 首 先 建立 Command 对 象 ， 再 确认 执行 的 SQL 语句 ， 最 后 用 
ExecuteReader() 方 法 返回 一 个 DataReader 对 象 。 例 如 ， 如 下 的 代码 段 演示 了 创建 DataReader 
对 象 实例 myReader， 并 使 用 它 获取 bkname 和 bkpub 列 信息 的 过 程 。 


DataAdapter 对 象 可 以 用 于 检索 和 更 新 数据 库 ， 或 从 数据 源 中 获取 数据 ， 填 充 DataSet 对 
象 中 的 表 ， 以 及 对 DataSet 对 象 进 行 更 改 ， 提 交 回 数据 源 。 该 对 象 是 DataSet 对 象 和 数据 库 之 
间 的 桥梁 。DataAdapter 对 象 是 ADO.NET 托管 提供 程序 的 组 成 部 分 ， 该 对 象 是 可 配置 的 ， 允 
许 用 户 指 定 将 哪些 数据 移入 或 移出 数据 集 。 经 常 采取 的 形式 是 对 SQL 语句 或 存储 过 程 调用 ， 
这 些 语句 或 存储 过 程 被 调用 时 即 可 实现 对 数据 库 的 读 写 。 

ADO.NET 允许 以 两 种 方式 从 数据 库 中 检索 数据 : 一 种 是 使 用 DataReader 对 象 , 它 只 读数 
据 流 ;第 二 种 是 使 用 DataAdapter 对 象 ， 该 对 象 与 DataSet 紧密 配合 创建 数据 的 内 存 表示 。 下 
面 的 语句 创建 了 DataAdapter 对 象 myAdapter， 并 指定 了 SQL 语句 selectSQL 和 数据 库 连 接 


DataSet 对 象 与 DataReader 对 象 一 样 提供 一 个 记录 集 , 但 不 像 使 用 DataReader 对 象 那 样 有 
一 定 限制 。DataSet 对 象 中 可 以 包括 一 个 或 多 个 DataTable， 并 且 还 包括 DataTable 之 间 的 约束 
等 关系 。 

如 下 的 语句 创建 DataSet 对 象 的 实例 mydataset。 
pataset mydataset = new Dataset0 

向 mydataset 中 填充 数据 并 指定 别名 为 bookset， 使 用 以 下 语句 。 


ei 


DataTable 对 象 也 是 ADO.NET 库 中 的 核心 对 象 之 一 ， 它 提供 强大 的 功能 和 灵活 性 ， 数 据 
的 处 理 大 都 在 DataTable 中 进行 处 理 。 

DataTable 是 元 数据 和 数据 的 集合 ， 其 中 ， 元 数据 为 DataColumn 对 象 和 Constraint 对 象 
的 集合 描述 ， 而 数据 则 包含 在 DataRow 对 象 的 集合 中 。DataTable 可 以 独立 存在 ， 也 可 以 是 
DataSet 的 一 部 分 。 与 ADO Recordset 对 象 不 同 ，DataTable 是 一 个 被 动 对 象 。DataAdapter 对 
象 、XmlDataDocument 对 象 和 用 户 代 码 可 操作 DataTable 对 象 。DataTable 不 知道 自己 的 数据 
来 自 何 处 。 这 些 数据 可 以 来 自 多 个 源 。 

创建 DataTable 对 象 的 方法 如 下 : 


~ Dataraple myda = new Datarable("Datatableane0 
下 面 的 代码 演示 了 从 DataSet 中 获取 DataTable 的 方法 。 


Parameter 对 象 集合 关联 着 一 个 命令 (Command) 对 象 。Parameter 对 象 代表 SQL Server 
存储 过 程 的 参数 或 查询 中 的 参数 。 在 Command 对 象 中 ， 有 多 个 Parameter 子 对 象 可 以 用 来 存 
储 参数 ， 这 些 Parameter 对 象 都 收集 在 Parameters 集合 中 。 该 集合 中 包括 Count 属性 、Append 
方法 、DELETE 方法 、Refresh 方法 和 Item 方法 。Parameter 对 象 负责 记录 程序 中 要 传递 参数 
的 相关 属性 ，Parameter 对 象 提供 了 Name 属性 、Value 属性 、Type 属性 和 Attribute 属性 等 。 

若 要 实现 查询 ，SQL 查询 语句 需要 赋值 给 一 个 SqlCommand 对 象 的 只 是 一 个 简单 的 字符 
串 。 当 想 过 滤 一 个 查询 ， 可 以 动态 地 绑 定 字符 串 ， 但 是 本 来 不 想 这 样 做 ， 下 面 是 一 个 过 滤 查 
询 的 示例 。 


上 面 的 例子 可 以 使 用 动态 创建 字符 串 的 方法 替代 ， 使 用 Parameters 集合 。 任 何 放置 在 
parameter 中 的 东西 都 将 被 作为 字段 数据 处 理 ， 而 不 是 SQL 语句 的 一 部 分 。 这 样 就 让 应 用 程序 
更 加 安全 。 使 用 参数 化 查询 的 步骤 如 下 所 示 。 

口 使 用 parameters 构建 SqlCommand 命令 字符 囊 。 

口 声明 SqlParameter 对 象 ， 将 适当 的 值 赋 给 它 。 

口 将 SqlParameter 对 象 赋值 给 SqlCommand 对 象 的 Parameters 属性 。 

首先 为 Parameters 准备 SqlCommand 对 象 ， 在 SQL 查询 中 使 用 Parameters 的 第 一 步 是 创 
建 包含 参数 占 位 符 的 对 象 字符 串 。 这 些 占 位 符 在 SqlCommand 执行 的 时 候 填充 实际 的 参数 值 。 
Parameter 的 正确 的 语法 是 使 用 一 个 “@” 符 号 作为 参数 名 的 前 经 ， 如 下 所 示 。 


在 SQL 语句 中 的 每 一 个 参数 必须 被 定义 ， 这 是 SqlParameter 类 型 的 需要 。 代 码 中 必须 为 
每 一 个 在 SqlCommand 对 象 的 SQL 命令 中 的 参数 定义 一 个 SqlParameter 实体 。 下 面 的 代码 实 
现 @CityName 参数 定义 。 


对 于 每 一 个 定义 在 SqlCommand 对 象 中 的 SQL 命令 字符 串 参 数 ， 必 须 定 义 一 个 
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SqlParameter 实体 。 同 样 将 SqlParameter 实体 赋值 给 SqlComamd 对 象 的 Parameters 属性 的 方 
式 ， 让 SqlCommand 对 象 知道 SqlParameter。 实 现代 码 如 下 所 示 。 


cmd.Parameters.Add (para); 
7.2 ”数据 显示 控件 人 T 


数据 显示 控件 是 ASPNET 中 的 一 种 服务 器 控件 , 主要 作用 是 呈现 返回 的 结果 集 。ASPNET 
3.5 是 对 之 前 版 本 的 升级 ， 对 旧版 本 中 数据 显示 上 的 不 足 进行 了 改进 ， 主 要 体现 在 数据 访问 和 
显示 的 简单 化 、 智能 化 、 多 样 化 以 及 提高 数据 显示 的 效率 和 性 能 等 方面 。 本 节 将 介绍 ListView 
控件 、DataList 控件 、GridView 控件 和 Repeater 控件 的 使 用 方法 。 


7.2.1 ListView 控件 


ListView 控件 是 ASP.NET 3.5 中 的 新 增 数据 显示 控件 ， 它 结合 了 Repeater 与 GridView 控 
件 ， 实 现 添加 、 删 除 等 功能 。 同 时 还 可 以 像 Repeater 一 样 灵活 地 控制 页 面 布局 。 该 控件 包含 
了 很 多 新 的 模板 ,例如 GroupTemplate 等 新 增 的 模板 ， 可 以 方便 地 分 组 显示 数据 。ListView 控 
件 本 身 并 不 提供 分 页 功能 , 但 可 以 使 用 ASPNET 3.5 中 另 一 个 新 增 的 控件 DataPager 实现 分 页 
功能 。 把 分 页 的 功能 单独 放 到 另 一 个 控件 里 ， 能 够 给 编程 带 来 很 大 的 方便 ， 比 如 说 可 以 让 别 
的 控件 使 用 它 ， 也 可 以 把 它 放 到 页 面 的 任何 地 方 。 实 质 上 ，DataPager 控件 就 是 一 个 扩展 
ListView 分 页 功能 的 控件 。 


“1. ListView 控件 模板 


ListView 控件 是 一 个 非常 灵活 的 控件 ， 这 是 因为 ListView 控件 提供 了 很 多 模板 。 通 过 定 
义 ListView 的 模板 几乎 可 以 实现 任意 一 种 数据 显现 方式 。 从 这 一 点 来 说 ，ListView 控件 和 
DataList 控件 、Repeater 控件 很 相似 ， 与 这 些 控件 不 同 的 是 ，ListView 控件 允许 用 户 编辑 、 插 
入 和 删除 数据 ， 以 及 对 数据 进行 排序 和 分 页 。 下 面 对 ListView 控件 可 用 模板 介绍 如 下 。 

0 LayoutTemplate 

标识 定义 控件 主要 布局 的 根 模板 。 它 包含 一 个 占 位 符 对 象 ， 如 表 行 t、div 或 span 元 素 。 
此 元 素 将 由 ItemTemplate 模板 或 GroupTemplate 模板 中 定义 的 内 容 蔡 换 ， 它 还 可 能 包含 一 个 
DataPager 对 象 。 通 过 创建 LayoutTemplate 模板 ， 可 以 定义 ListView 控件 的 主要 根 布局 。 
LayoutTemplate 必须 包含 一 个 充当 数据 占 位 符 的 控件 。 

0 ItemTemplate 

标识 要 为 各 个 项 显示 的 数据 绑 定 内 容 ， 该 模板 在 前 面 已 经 介绍 过 ， 在 此 就 不 再 重复 。 

0 GroupTemplate 

标识 组 布局 的 内 容 。 它 包含 一 个 占 位 符 对 象 ， 例 如 表 行 td、div 或 span。 该 对 象 将 由 其 他 
模板 ， 例 如 ItemTemplate 和 EmptyItemTemplate 模板 中 定义 的 内 容 蔡 换 。 使 用 GroupTemplate 
模板 ， 可 以 选择 对 ListView 控件 中 的 项 进行 分 组 。 对 项 分 组 通常 是 为 了 创建 平 铺 的 表 布 局 。 
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在 平 铺 的 表 布 局 中 ， 各 个 项 将 在 行 中 重复 GroupItemCount 属性 指定 的 次 数 。 

0 EmptyDataTemplate 

标识 在 数据 源 未 返回 数据 时 要 呈现 的 内 容 。 

OD SelectedItemTemplate 

标识 为 区 分 所 选 数据 项 与 显示 的 其 他 项 ， 而 为 该 所 选项 呈现 的 内 容 。 

OD AlternatingItemTemplate 

标识 为 便于 区 分 连续 项 ， 而 为 交替 项 呈现 的 内 容 。 

D EditItemTemplate 

标识 要 在 编辑 项 时 呈现 的 内 容 。 对 于 正在 编辑 的 数据 项 , 将 呈现 EditItemTemplate 模板 以 
替代 ItemTemplate 模板 。 

OD InsertItemTemplate 

标识 要 在 插入 项 时 呈现 的 内 容 。 将 在 ListView 控件 显示 的 项 的 开始 或 末尾 处 呈现 
InsertItemTemplate 模板 , 以 替代 ItemTemplate 模板 。 通 过 使 用 ListView 控件 的 InsertItemPosition 
属性 ， 可 以 指定 InsertItemTemplate 模板 的 呈现 位 置 。 


和 为 能 使 ListView 控件 显示 数据 ， 必 须 为 ListView 控件 创建 模板 ， 而 且 | 
5 LayoutTemplate 和 ItemTemplate 是 必需 的 ， 其 他 所 有 模板 都 是 可 选 的 。 


[ 医 使 用 ListView 控件 显示 数据 


在 ListView 控件 中 创建 LayoutTemplate 模板 ， 可 以 定义 ListView 控件 显示 数据 的 布局 。 
LayoutTemplate 必须 包含 一 个 充当 数据 占 位 符 的 控件 。 例 如 ， 该 布局 模板 可 以 包含 ASPNET 
Table、Panel 或 Label 控件 ， 还 可 以 包含 runat 属性 设置 为 server 的 table、div 或 span 元 素 。 
这 些 控件 将 包含 ItemTemplate 模板 所 定义 的 每 个 项 的 输出 ， 如 果 为 显示 数据 分 组 的 话 ， 可 以 
在 GroupTemplate 模板 定义 的 内 容 中 对 这 些 输出 进行 分 组 。 

使 用 GroupTemplate 模板 ， 选 择 对 ListView 控件 中 的 项 进行 分 组 。 对 项 分 组 通常 是 为 了 
创建 平 铺 的 表 布 局 。 在 平 铺 的 表 布局 中 ， 各 个 项 将 在 行 中 重复 GroupItemCount 属性 指定 的 次 
数 。 为 创建 平 铺 的 表 布局 ， 布 局 模板 可 以 包含 ASPNET Table 控件 以 及 将 runat 属性 设置 为 
server 的 HTML table 元 素 。 随 后 ， 组 模板 可 以 包含 ASPNET TableRow 控件 或 HTML tr 元素。 
而 项 模板 可 以 包含 ASPNET TableCell 控件 中 的 各 个 控件 。 

下 面 创建 一 个 ListView 显示 数据 的 实例 ， 该 实例 使 用 到 了 两 种 必需 的 模板 ， 还 有 一 个 分 
组 模板 和 一 个 交 蔡 模板 ， 示 例 具 体 开发 步骤 如 下 所 示 。 

(1) 首先 添加 一 个 ListView 控件 到 页 面 。 切 换 至 【 源 】 视 图 ， 在 ListView 控件 的 源 代码 
处 ， 添 加 一 个 LayoutTemPlate 模板 。 该 步骤 主要 使 用 代码 7.1 所 示 的 内 容 。 


代码 7.1 设置 ListView 控件 的 LayoutTemPlate 模板 


<LayoutTemplate> 
<table runat="server"> 


<tr runat="server"> 


(2) 添加 一 个 GroupTemplate 模板 ， 在 该 模板 中 编写 如 代码 7.2 所 示 的 内 容 。 
代码 7.2 设置 ListView 控件 的 GroupTemplate 模板 


(3) 添加 一 个 显示 项 的 TemTempLate 模板 ， 该 模板 用 于 显示 数据 ， 在 该 模板 中 我 们 使 用 


Eval() 方 法 绑 定 数据 ， 该 模板 的 布局 如 代码 7.3 所 示 。 
代码 7.3 设置 ListView 控件 的 ltemTempLate 模板 


(4) 添加 一 个 交 蔡 显示 模板 ， 在 该 模板 中 编写 如 代码 7.4 所 示 的 代码 。 
代码 7.4 设置 ListView 控件 的 AlternatingltemTemplate 模板 
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<td runat="server"> 
课程 编号 : 
("课程 编号 ") %$>' /> 


<asp:Label ID=" 课 程 编号 Label" runat="server" Text='<%# Eval 


<br /> 课程 名 称 : <asp:Label ID=" 课 程 名 称 Label" runat="server" Text='<%# Eval 


("课程 名 称 ") %>' /> 
<br /> 班级 编号 : 
("班级 编号 ") %> /> 
<br /> 教师 : 
师 ") %>' /> 
<br /> 开课 系 别 : 
("开课 系 别 ") %>' /> 
<br /> </td> 


</AlternatingItemTemplate> 


(5) 此 时 ， 该 实例 就 基本 完成 了 ， 在 该 控件 【属性 】 窗 口 设置 其 GroupItemCount 值 为 3。 


注 
卫 
要 


然后 再 为 其 添加 一 个 数据 源 ， 


Ahttpz//loc 


运行 该 实例 ， 


alhost: 1491/¥ebSitel1/Defaul 


~ [加 http://leealhest:1491/Wabsitell/Defwalt5 aspx 


安 | 购 http:/1lecahest:l491/Websitell/DBafwnlt5 


页 面 效果 如 图 7-2 所 示 。 


<asp:Label ID=" 班 级 编号 Label" runat="server" Text='<%# Eval 
<asp:Label ID=" 教 师 Label" runat="server" Text='<%# Eval(" 教 


<asp:Label ID=" 开 课 系 别 Label" runat="server" Text='<%# Eval 


vr x 


-GIAV-” 


课程 编号 : 1 
课程 名 称 : 政治 经 济 学 (A) ( 注 ) 
做 级 网 。 20001340010101 


Ei 
开课 系 别 : 人 文学 院 


he 2600130 介 仙人 
教师 : 教师 4 
开课 系 别 : 人 文学 院 


课程 名 称 : 成 本 会 计 ( 注 ) 
是 级 编号 : 20021340030101 


课程 名 称 : 经 济 数学 基础 ( 注 ) 
班级 编号 : 20001340010101 


教师 : 教师 2 

开课 系 别 : 计算 机 系 

课程 编号 : 5 

课程 名 称 : 财务 会 计 ( 注 ) 

班级 编号 : 20021340030101 

教师 : 教师 5 
开课 系 别 : 人 文学 院 

课程 编号 : 8 

课程 名 称 : 国家 税收 《 注 ) 

班级 编号 : 20021340170102 


课程 编号 : 3 


课程 名 称 : 基础 会 计 学 ( 注 ) 


班级 编号 : 20001340010101 


教师 : 教师 3 
开课 系 别 : 人 文学 院 


名 称 : 西方 经 济 学 〈 注 ) 


班级 编号 : 20021340030101 


教师 : 教师 6 

开课 系 别 : 人 文学 院 
课程 编号 : 9 

课程 名 称 : 管理 会 计 〈 注 ) 


班级 编号 : 20021340170102 


由 二 fatramet 


图 7-2 页 面 最 终 效果 图 


3. 使 用 ListView 控件 分 页 显示 数据 


如 果 想 为 ListView 控件 增加 分 页 


功能 的 话 , 那么 就 需要 使 用 DataPager 控件 了 。ASPNET 


3.5 新 增 的 DataPager 控件 主要 用 于 ListView 控件 的 分 页 ， 是 新 增 的 分 页 控件 ， 可 以 方便 、 高 


效 地 进行 分 页 。 


连 到 ListView 控件 就 可 以 实现 分 页 。 


为 了 使 DataPager 控件 显示 导航 控件 ， 必 须 


3 个 字段 。 


OD NextPreviousPagerField 


能 够 逐 页 浏 ? 


这 个 分 页 控件 是 一 个 独立 的 控件 ， 可 以 把 它 放 到 页 面 的 任 


向 该 控件 添加 页 导航 字段 


口 NumericPagerField 用 户 能 够 按照 页 码 选 择 页 面 。 
口 TemplatePagerField 可 以 创 建 自 定义 分 页 布局 。 


例如 ， 将 代码 7.5 添加 到 页 面 中 的 任 


何 位 置 ， 然 后 使 其 


， 该 控件 共 包 含 如 下 


览 页 面 ， 或 跳 到 第 一 页 或 最 后 一 页 。 


何 位 置 都 可 以 实现 ListView 的 分 页 功能 
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代码 7.5 ”DataPager 控件 实现 ListView 分 页 


<asp:DataPager ID="Pager" runat="server™" PagedControlID="ListViewl™ 
PageSize="5" > 
<Fields> 
<asp:numericpagerfield ButtonCount="5" NextPageText="" 
PreviousPageText="" /> (195) 
<asp:nextpreviouspagerfield FirstPageText="First" LastPageText="Last" 
NextPageText="Next" PreviousPageText="Previous" /> 
</Fields> 
</asp:DataPager> 


如 代码 7.5 所 示 ， 通 过 设置 DataPage 控件 的 Fields， 可 以 达到 手动 分 页 布局 的 目的 。 另 外 
有 一 个 关键 点 ， 需 要 把 DataPager 控件 的 PagedControlID 属性 设置 为 ListView 的 ID。 也 可 以 
把 DataPager 控件 放 到 布局 模板 中 。DataPager 控件 没有 分 页 事件 ， 也 没有 SelectedPageIndex 
属性 。 运 行程 序 ， 结 果 如 图 7-3 所 示 。 


会 六 车 http:/locaaost:ldst/rasitell/nareat 从 -加 古 - 忆 9 丁 中 -长 IRO- 


课 径 狂 号 课程 名 称 班级 篇 号 教师 开课 系 别 

1 政治 经 济 学 (A) ( 注 ) 20001340010101 教师 1 人 文学 院 
经 济 数学 基础 《 注 ) 20001340010101 教师 2 计算 机 系 
基础 会 i a 


3 40010101 教师 3 人 文学 院 
4 统 (BX 注 ) 40010101 教师 4 人 文学 院 
s 财务 会 20021340030101 教师 5 人 文学 院 


7.2.2 ”DataList 控件 


DataList 是 一 个 常用 的 数据 控件 ， 可 以 自 定 义 模板 ， 显 示 数 据 比较 灵活 。 通 过 该 控件 以 表 
的 形式 显现 数据 ， 可 以 使 用 不 同 的 布局 来 显示 数据 记录 ， 例 如 ， 将 数据 记录 排 成 列 或 行 的 形 
式 。 可 以 对 DataList 控件 进行 配置 ， 使 用 户 能 够 编辑 或 删除 表 中 的 记录 。DataList 提供 了 7 种 
模板 ，ItemTemplate 、 AlternatingItemTemplate 、 SelectedItemTemplate 、 EditItemTemplate 、 


HeaderTemplate、FooterTemplate 和 SeparatorTemplate。 
下 面 通过 一 个 实例 说 明 DataList 控件 的 使 用 ， 实 例 通 过 使 用 DataList 控件 显示 数据 ， 使 
用 的 数据 源 是 SqlDataSource。 具 体 步 又 如 下 所 示 。 
(1) 首先 在 ASPNET 页 面 上 添加 一 个 SqlDataSource 1， 然 后 右 击 该 控件 选择 【配置 数据 
源 】 命 令 打 开 【 配 置 数据 源 】 对 话 框 ， 如 图 7-4 所 示 。 
(2) 这 是 配置 数据 源 的 一 个 向 导 ， 单 击 【新 建 连接 】 按 钮 弹出 【添加 连接 】 对 话 框 ， 在 
这 里 配置 SQL Server 服务 器 的 名 称 、 登 录 信 息 和 数据 库 ， 如 图 7-5 所 示 。 
(3) 单 击 【确定 】 按 钮 后 返回 。 再 单 击 【配置 数据 源 】 对 话 框 中 的 【下 一 步 】 按 钮 ， 弹 
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出 向 导 保存 连接 字符 串 的 对 话 框 ， 启 用 该 复 选 框 ， 如 图 7-6 所 示 。 


选择 您 的 数据 连 持 


][ 恶 @._ 
Cm ] 


应 用 程序 连接 数据 库 应 使 用 哪个 数据 连接 @)? 加 第 用 Yinaovs 身 符 驻 证 也 ) 
DoradasecomnectiorS tr ing 


[3 


图 7-4 


〇 征用 saL swrvwr 身份 验证 四 ) 


这 接 到 一 个 六 括 库 


加 选择 或 给 入 一 个 数据 库 名 O) 
ED 


口 附加 一 个 其 可 历次 件 QM) 


【配置 数据 源 】 对 话 框 图 7-5 【添加 连接 】 对 话 框 


配置 数据 源 - SqlDataSourcel 


| 将 


一 


连接 字符 串 保存 到 应 用 程序 配置 文件 中 


人 


是 否 将 连接 保存 到 应 用 程序 配置 文件 中 ? 
回 阳 /将 下 至 疗 另存 为 DJ 
教务 管理 系统 ConnectionString 


(4) 然后 单 击 【 
视图 的 列 】 单 选 按钮 ， 
所 示 , 在 该 对 话 框 中 可 
和 了 DELETE 语句 。 


[L<ERD | = ] 


图 7-6 保存 连接 


下 一 步 】 按 钮 ， 弹 出 【配置 Select 语句 】 对 话 框 ， 选 择 【 指 定 来 自 表 或 


在 【名 称 】 下 拉 列 表 框 中 选择 “学 生 信息 ”， 并 选择 所 有 的 列 ， 如 图 7-7 
[以 为 其 添加 where 子 句 和 分 组 子 句 , 还 可 以 为 其 添加 INSEET、UPDATE 


(5) 单 击 【 下 一 步 】 按 钮 ， 弹 出 【测试 查询 】 对 话 框 。 在 该 对 话 框 中 单 击 【 测 试 查询 】 
按钮 ， 如 果 测 试 成 功 数据 会 显示 出 来 ， 如 图 7-8 所 示 。 

(6) 最 后 单 击 【完成 】 按 钮 ， 就 为 该 数据 源 控件 配置 好 了 数据 。 然 后 在 ASPNET 页 面 上 
添加 一 个 DataList 控件 。 


河南 郑州 市 
“河南 省 知州 市 
河南 省 知州 
河南 省 郑州 市 


Ea 
1 
1 
9 
下 
上 


图 7-8 【测试 查询 】 对 话 框 


(7) 在 DataList 控件 中 创建 一 个 HeaderTemplate 模板 ， 在 该 模板 中 填写 文字 “DataList 
的 模板 演示 ”。 添 加 模板 内 容 的 代码 如 代码 7.6 所 示 。 


(8) 在 DataList 控件 中 再 添加 一 个 IemTemplate 模板 ， 在 该 模板 内 首先 添加 一 个 “学 号 ” 
和 “姓名 ”文字 ， 再 添加 数据 的 绑 定 。 然 后 添加 一 个 LinkButton 按钮 ， 并 命名 CommandName 
值 为 select，Text 值 为 “更 多 ”。 代 码 7.7 所 示 是 这 步 操作 的 代码 。 


代码 7.7 设置 DataList 控件 temTemplate 模板 


(9) 再 添加 一 个 AlternatingItemTemplate 模板 ， 在 该 模板 内 添加 的 内 容 和 ItemTemplate 模 
板 的 内 容 基本 相同 ， 如 代码 7.8 所 示 。 


代码 7.8 设置 DataList 控件 AlternatingltemTemplate 模板 


(10) 再 添加 一 个 SelectedItemTemplate 模板 ， 该 模板 主要 用 于 当 用 户 选 择 时 ， 显 示 详 细 
信息 的 主要 代码 ， 如 代码 7.9 所 示 。 


代码 7.9 设置 DataList 控件 SelectedltemTemplate 模板 


(11) 接 下 来 ， 添 加 一 个 FooterTemplate 模板 ， 在 该 模板 内 显示 了 当天 的 日 期 。 模 板 的 最 
终 布局 如 代码 7.10 所 示 。 


代码 7.10 设置 DataList 控件 FooterTemplate 模板 
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| 
今天 是 : <%# DateTime.Now.ToLongDatestring() %> 


</FooterTemplate> 
<Footerstyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> 


(12) 单 击 DataList 控件 右上 角 的 智能 按钮 ， 在 【选择 数据 源 】 下 拉 列 表 框 中 选择 
SqlDataSourcel 。 完 成 数据 源 的 配置 ， 此 时 会 弹出 如 图 7-9 所 示 的 提示 对 话 框 ， 单 击 【 否 】 
按钮 。 


Nicrosoft Yisual Studio 


重 置 模板 
Y 是 否 使 用 选 定数 据 源 架 构 重新 生成 DataList ItenTenplate 和 DataKeyFieldy 警告 ; 这 格 删 除 现 有 的 项 模 
板 和 键 内 容 。 


是 人 _ 


图 7-9 Microsoft Visual Studio 对 话 框 


(13) 现在 编写 后 台 代 码 。 在 DataList 控件 的 【事件 】 窗 口中 双击 SelectedIndexChanged， 
进入 后 台 代码 编写 窗口 ， 在 此 事件 处 理 程序 中 编写 如 代码 7.11 所 示 的 内 容 。 


代码 7.11 处 理 SelectedlndexChanged 事件 


protected void DataList1l SelectedIndexChanged (object sender, EventArgs e) 
DataListl.DataBind(); 
| 


(14) 在 DataList 的 【事件 】 窗 口中 双击 IemCommand。 然 后 进入 后 台 代码 编写 窗口 ， 在 
此 处 编写 如 代码 7.12 所 示 的 内 容 。 


代码 7.12 ”处理 ltemCommand 事件 


protected void DataList1_ItemCommand (object source, 
DataListCommandEventArgs e) 


{ 


if (e.CommandName == "btnSelect") 


{ 
DataListl.SelectedIndex = -1; 
DataListl.DataBind(); 


} 
至 此 ， 整 个 实例 就 设计 完成 。 运 行程 序 ， 当 单 击 【 更 多 】 按 钮 时 ， 会 在 “学 号 ”的 下 方 
显示 学 生 的 详细 资料 ， 页 面 效 果 如 图 7-10 所 示 。 


7.2.3 ”GridView 控件 


GridView 控件 用 来 在 表 中 显示 数据 源 的 值 。 每 列表 示 一 个 字段 ， 而 每 行 表示 一 条 记录 。 


GridView 控件 提供 了 很 多 内 置 功能 ， 使 程序 员 写 很 少 的 代码 或 者 是 不 写 代 码 ， 就 能 设计 出 列 
出 数据 的 表 并 且 可 以 进行 编辑 、 多 选 、 排 序 和 删除 等 。 还 可 以 通过 设置 该 控件 的 外 观 属性 ， 
使 其 呈现 出 不 同 风格 的 外 观 。 


学 号 ，200030000043 姓名 ， 般 实 更 多 
学 号 ，200030000044 姓 名 : 于 章 只 更 多 
学 号 ，200130000116 姓名 ， 薛 小 红 更 多 


图 7-10 页 面 最 终 效 果 图 


下 面 通过 实例 演示 使 用 GridView 控件 显示 、 编 辑 和 删除 数据 的 方法 ， 其 中 使 用 了 上 节 的 
数据 库 源 SqlDataSourcel。 具 体 步骤 如 下 所 示 。 

(1) 新 建 一 个 ASPNET 网 页 ， 使 用 上 节 介 绍 的 方法 将 SqlDataSourcel 数据 源 控件 添加 到 
页 面 上 。 

(2) 然后 右 击 该 控件 选择 【配置 数据 源 】 命 令 打开 【配置 数据 源 】 对 话 框 ， 在 进入 【 配 
置 Select 语句 】 对 话 框 时 单 击 【高 级 】 按 钮 。 再 从 弹出 的 对 话 框 中 选择 【生成 INSERT、UPDATE 
和 DELETE 语句 】 复 选 框 ， 并 单 击 【确定 】 按 钮 返回 ， 如 图 7-11 所 示 。 这 样 可 以 让 数据 源 控 
件 自动 生成 插入 、 更 新 和 删除 数据 所 需 的 SQL 语句 。 


局 EW TSA ET 
四 A Peer wor 和 DT En, LRT 


口 


| 使 用 开放 式 并 发 加 ) 
Ee so Datasat 中 以 本 数据 库 是 否 更 


CEH | 


‘<BR ][ 下 -5 四 > )| aw 
图 7-11 启用 【生成 INSERT、UPDATE 和 DELETE 语句 】 复 选 框 


(3) 在 页 面 上 添加 一 个 GridView 控件 。 在 【GridView 任务 】 面 板 中 对 控件 进行 设置 ， 选 
择 数 据 源 为 SqlDataSourcel， 并 选择 【编辑 】 和 【删除 】 复 选 框 ， 如 图 7-12 所 示 。 


Deealt2-aspme TeEealt sspe es | Deceat aspx 


eT 
学 号 姓名 班级 给 号 性 别 年 级 政治 面貌 民 旋 籍贯 学 籍 0 在 区 

编辑 如 陈 bc abc be 1 - 

汤 狂 凤 除 abc abe abc 于 开关 泪 。 [SqDetaiowerl 

| | 泊 名 出 陈 bc abe abc ] ss 

编 钥 才 陈 abc atc abc 新 其 构 

LE 上 


ET 


图 7-12 设置 GridView 控件 属性 


(4) 单 击 【自动 套用 格式 】 按 钮 ， 在 弹出 的 【自动 套用 格式 】 对 话 框 中 选择 【传统 型 】 
架构 ， 单 击 【 确 定 】 按 钮 返回 。 


(5) 保存 页 面 。 右 击 选择 【在 浏览 器 中 查看 】 命 令 ， 从 浏览 器 中 查看 执行 结果 ， 如 图 7-13 
所 示 。 使 用 套用 的 格式 从 数据 库 中 显示 了 学 生 信息 ， 并 提供 了 【编辑 】 和 【删除 】 链 接 。 


OO. Ere /ee smos nto we 


会 从 [加 Mp/oelhort nos Tasiteneiedt | | MII Mt 

k 姓名 班级 篇 号 性 别 年 级 政治 面貌 。 民 族 龟 
篇 辑 地 除 200030000041 视 红 涛 20021340000101 男 ”2005 党 员 河南 省 郑州 市 
编辑 好 除 200030000042 杨 根 ”20021340000101 男 2000 党 员 河南 省 郑州 市 


编辑 好 除 200030000043 段 袜 。 20021340000103 女 2000 党 员 
编辑 圳 除 200030000044 于 利 20021340000101 女 。 2000 群众 
编辑 考 除 200130000116 衣 小 红 20031340070102 女 。 2001 完 员 
篇 辑 灿 除 200130000117 妙子 20031340070102 男 ” 2001 群众 
妨 得 出 Ee onniannnnile 向 著 。 ?nmatatnonnann 女 x0n1 周 从 


上 
1 
河南 省 郑州 市 2 
河南 省 郑州 市 1 
河南 省 郑州 市 。 1 
河南 省 郑州 市 1 
河 吉 省 岂 机 市” 左 垃 图 | 


洁 订 演 河 河沿 泡 


图 7-13 ”GridView 显示 数据 


(6) 当 用 户 需要 对 某 行进 行 修改 时 ， 可 以 单 击 行 前 的 【编辑 】 链 接 进 入 “编辑 ”状态 ， 
在 各 个 文本 框 中 输入 新 的 值 ， 如 图 7-14 所 示 。 然 后 单 击 【 更 新 】 链 接 保存 ， 如 果 单 击 了 【 取 
消 】 链 接 将 返回 到 原始 状态 。 


~ [ht /fioeuhert aio5venst te 4Dtr 2 aa 


ealhost:3165 /ebSitei4/Deal 


EI 
EE 
除 
名 


一 200030000042 杨 根 


7-14 ”GridView 编辑 数据 
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(7) 最 后 ， 删 除数 据 的 操作 是 通过 在 行 前 单 击 【删除 】 和 链接 完 成 的 。 
7.2.4 Repeater 控件 


Repeater 控件 没有 默认 的 外 观 ， 因 此 可 以 使 用 该 控件 创建 许多 种 列表 ， 如 表 布 局 、 喜 号 分 
割 的 列表 和 XML 格式 的 列表 等 。 当 该 页 运行 时 ， 该 控件 为 数据 源 中 的 每 个 项 重复 此 布局 。 正 
因为 Repeater 控件 没有 默认 的 外 观 ， 所 以 Repeater 控件 显示 数据 时 ， 必 须 先 创建 模板 来 绑 定 
数据 列表 。 模 板 可 以 包含 标记 和 控件 的 任意 组 合 。 如 果 未 定义 模板 ， 或 者 模板 都 不 包含 元 素 ， 
则 当 应 用 程序 运行 时 ， 该 控件 不 显示 在 页 面 上 。 

Repeater 控件 模板 的 定义 一 共有 5 种 ， 分 别 如 下 所 示 。 

0 ItemTemplate 

包含 要 为 数据 源 中 每 个 数据 项 都 呈现 一 次 的 HTML 元 素 和 控件 。 该 模板 为 数据 源 中 的 每 
一 行 都 呈现 一 次 的 元 素 。 若 要 显示 ItemTemplate 中 的 数据 ， 必 须 声 明 一 个 或 多 个 Web 服务 器 
控件 并 设置 其 数据 绑 定 表达 式 以 使 其 成 为 Repeater 控件 中 的 DataSource 字段 。 在 使 用 Repeater 
控件 显示 数据 时 ， 此 模板 为 必 选 的 。 

D AlternatingItemTemplate 

包含 要 为 数据 源 中 每 个 数据 项 都 要 呈现 一 次 的 HTML 元 素 和 控件 。 通 常 ， 可 以 使 用 此 模 
板 为 交替 项 创建 不 同 的 外 观 ， 例 如 指定 一 种 与 在 ItemTemplate 中 指定 的 颜色 不 同 的 背景 色 ， 
即 可 以 确定 交替 《从 0 开始 的 奇数 索引 ) 项 的 内 容 和 布局 。 

OD HeaderTemplate 

在 所 有 数据 绑 定 行星 现 之 前 呈现 一 次 的 元 素 。 典 型 的 用 途 是 开始 一 个 容器 元 素 ， 如 表 。 
如 果 在 Repeater 控件 中 定义 了 ， 则 可 以 确定 列表 标 头 的 内 容 和 布局 。 如 果 没 有 定义 该 模板 ， 
则 不 呈现 标 头 。 

口 FooterTemplate 

在 所 有 数据 绑 定 行星 现 之 后 呈现 一 次 的 元 素 。 典 型 的 用 途 是 关闭 在 HeaderTemplate 项 中 
打开 的 元 素 ， 在 使 用 Repeater 控件 时 ， 如 果 定 义 了 该 模板 ， 则 可 以 确定 列表 注脚 的 内 容 和 布 
局 。 如 果 没 有 定义 ， 则 不 呈现 注脚 。 

口 SeparatorTemplate 

包含 在 每 项 之 间 呈 现 的 元 素 。 典 型 的 示例 可 能 是 一 条 直线 (使 用 <hr> 标 记 )， 在 使 用 
Repeater 控件 时 ， 如 果 定 义 了 该 模板 ， 则 呈现 在 项 (以 及 交 蔡 项 ) 之 间 。 如 果 未 定义 ， 则 不 呈 
现 分 隔 符 。 


该 控件 是 不 能 可 视 化 编辑 模板 的 ， 并 且 HeaderTemplate、FooterTemplate 和 | 
> 罗 SeparatorTemplate 都 不 能 进行 数据 绑 定 。 


下 面 创建 一 个 实例 ， 来 具体 说 明 该 控件 是 如 何 使 用 模板 绑 定 数据 和 显示 数据 的 。 该 控件 
绑 定数 据 和 其 他 绑 定 控件 是 相同 的 ， 本 实例 主要 说 明 该 控件 是 如 何 布局 、 显 示 数 据 的 。 本 实 
例 具体 开发 步骤 如 下 所 示 。 

(1) 打开 前 面 DataList 控件 和 GridView 控件 实例 使 用 的 网 站 ， 创 建 一 个 新 的 ASPNET 


网 页 。 

(2) 重复 前 面 介绍 的 方法 ， 在 页 面 上 添加 一 个 SqlDataSourcel 控件 ， 并 设置 其 数据 库 链 
接 属性 。 

(3) 在 该 页 面 上 添加 一 个 Repeater 控件 ， 然 后 切换 到 【 源 】 视 图 为 该 控件 添加 
HeaderTemplate 模板 。 代 码 7.13 所 示 为 添加 模板 后 Repeater 控件 的 完整 代码 。 


代码 7.13 添加 Repeater 控件 和 HeaderTemplate 模板 


(4) 添加 一 个 显示 项 的 ItemTempLate， 该 模板 用 于 显示 数据 ,在 该 模板 中 我 们 使 用 Eval0 
方法 绑 定 数据 ， 该 模板 的 主要 代码 如 代码 7.14 所 示 。 


代码 7.14 添加 ltemTempLate 模板 


(5) 添加 一 个 交 蔡 显示 数据 的 模板 AltematingItemTemplate， 在 该 模板 中 编写 如 代码 7.15 
所 示 的 内 容 。 
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代码 7.15 添加 AlternatingltemTemplate 模板 


<AlternatingItemTemplate> 
<tr style="background-color: #FFFFFF; color: #FF0000"> 
<td><%# DataBinder.Eval (Container.DataItem, "学 号 ")%$></td> 
<td><%# DataBinder.Eval (Container.DataItem, "姓名 ")%></td> 
<td><%# DataBinder.Eval (Container.DataItem, "班级 编号 ")%></td> 
<td><%# DataBinder.Eval (Container.DataItem, "性 别 “jy></Ed> 
<td><%# DataBinder.Eval (Container.DataItem, "年 级 ")%></td> 
<td><%# DataBinder.Eval (Container.DataItem, "政治 面 摇 ") %></td> 
<td><%# DataBinder.Eval (Container.DataItem," 民族 ")%></td> 
<td><%# DataBinder.Eval (Container.DataItem, "籍贯 ")%></td> 
<td><%# DataBinder.Eval (Container.DataItem, "学 籍 ")%></td> 
< EE 
</AlternatingItemTemplate> 


(6) 最 后 添加 一 个 用 于 结束 数据 的 FooterTemplate 模板 , 该 模板 在 所 有 数据 模板 显示 之 后 
出 现 。 这 里 把 结束 标记 </table> 放 到 FooterTermpPlate 模板 中 ， 如 代码 7.16 所 示 。 


代码 7.16 ”添加 FooterTermplate 模板 


<FooterTemplate> </table></FooterTemplate> 


现 的 ， 并且 这 两 个 模板 的 单元 格 设置 的 样式 是 不 相同 的 。 其 中 的 Eval0 方 法 用 


EF AlternatingItemTemplate 模板 和 ItemTemplate 模板 中 的 数据 显示 时 ， 是 交替 出 | 
在 数据 绑 定 表达 式 时 ， 并 根据 浏览 器 的 需要 来 格式 化 输出 结果 。 


(7) 最 后 单 击 Repeater 控件 右上 角 的 智能 按钮 ， 选 择 在 页 面 上 添加 的 SqlDataSourcel 作 
为 该 控件 的 数据 源 。 此 时 ， 该 实例 就 成 功 地 完成 ， 设 置 该 页 面 为 起 始 页， 运行 程序 ， 页 面 效 
果 如 图 7-15 所 示 。 


(Zhttp://localhost:3165/WebSitel4/Default3. aspx ~ Windows Internet Explorer 


全 | 旧 ] http://lecalhest:3165/gabsitel4/Defsnlt3 aspx 


全 http://locdhost:3165/MebSiteld/Defanlt3. 从- 国 总 - 亨 中 + 千 TAO-” 


使 用 Repeater 控 件 显示 教 据 


学 号 姓名 ”班级 编号 性 别 年 级 政 : 
200030000041 祝 红 涛 20021340000101 男 。 2005 汉 河南 省 郑州 市 


200030000043 般 实 。 20021340000103 女 字 河南 省 郑州 市 


200130000116 薛 小 红 20031340070102 女 区 河南 省 郑州 市 


et 


7-15 ”Repeater 控件 显示 数据 
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7.3 


XML 命名 空间 和 控件 


XML 以 其 描述 简单 、 功 能 强大 、 跨 平台 等 特点 被 广泛 应 用 在 各 种 领域 ， 逐 渐 成 为 一 种 新 
的 网 络 数据 处 理 方式 ,在 网 站 中 常 被 用 来 存储 临时 数据 、 配 置信 息 或 者 列表 详情 等 , 使 用 XML 205) 
有 效 减少 了 与 数据 库 的 交互 次 数 ， 提 升 了 服务 器 的 访问 性 能 和 速度 。 

在 ASPNET 中 对 XML 的 处 理 支 持 由 System.XML 命名 空间 中 的 类 提供 。 使 用 它们 可 以 
方便 、 有 效 地 完成 获取 XML 元 素 、 节 点 和 值 ， 定 义 XML 文档 结构 和 数据 ， 不 缓存 数据 顺序 
而 遍历 一 个 文件 ， 格 式 转换 、XML 与 关系 型 数据 的 无 颖 集成 和 读 写 XML 文件 等 功能 。 

System.xml 命名 空间 为 处 理 XML 提供 了 基于 标准 的 支持 ， 这 些 标准 都 由 W3C 发 布 ， 它 
们 分 别 是 下 面 几 种 。 


0 


国生 | 加 四 各/ 加 蝗 


XML 1.0 一 一 http://www.w3.org/TR/1998/REC-xml-19980210- 包 括 DTD 支持 。 
XML 命名 空间 一 一 http://www.w3.org/TR/REC-xml-names/- 流 级 别 和 DOM 
XSD 架构 一 一 http://www.w3.org/2001/XMLSchema.。 

XPath 表达 式 一 一 http://www.w3.org/TR/xpath。 

XSLT 转换 一 一 http://www.w3.org/TR/xslt。 

DOM 级 别 1 核心 一 一 http://www.w3.org/TR/REC-DOM-Level-1/。 

DOM 级 别 2 核心 一 一 http://www.w3.org/TR/IDOM-Level-2/。 

SOAP 1.1 一 一 http://ww.w3.org/TR/SOAP。 


ASPNET 还 为 连接 和 访问 XML 数据 提供 了 一 个 专用 数据 源 控 件 一 一 XmlDataSource。 该 
控件 用 于 连接 和 访问 XML 数据 源 中 的 数据 。 一 旦 XmlDataSource 控件 连接 并 获取 了 相关 数据 ， 
就 能 够 将 这 些 数 据 与 数据 绑 定 控件 绑 定 ， 并 实现 数据 的 有 效 显示 。 

XmlDataSource 控件 的 基本 声明 代码 格式 如 下 : 


<asp:XmlDataSource ID="XmlDataSourcel"” runat="server" DataFile= 
"~/RAPP_Data/Data.xmln 
XPath="Nodel/Node2"> 
</asp:XmlDataSource> 


XmlDataSource 控件 与 其 他 控件 一 样 ， 也 具有 属性 和 方法 。 表 7-1 所 示 为 XmlDataSource 


控件 的 常用 方法 。 
表 7-1 XmlDataSource 控件 的 方法 

名 称 说 明 

GetHierarchicalView() 用 于 获取 HierarchicalDataSourceView 对 象 ， 其 参数 ViewPath 可 以 是 一 个 
有 效 的 XPath 值 

GetXmlDocument() 将 XML 数据 加 载 到 内 存 中 ， 这 些 数据 来 自 数据 源 或 者 是 缓存 ， 并 且 返 回 
相关 的 XmlDocument 对 象 

OnTransforming(EventArgs e) ”该 方法 用 于 定义 事件 Transforming 的 事件 处 理 程序 ， 相 关内 容 参 考 
Transforming 事件 的 说 明 

Public void Save() 该 方法 用 于 将 当前 内 存 中 的 XML 数据 保存 到 由 DataFile 属性 设置 的 XML 


文件 中 (如 果 DataFile 属性 已 经 设置 ) 
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XmlDataSource 控件 常用 属性 详 见 表 7-2 所 示 。 


表 7-2 XmlDataSource 控件 的 常用 属性 


属性 说 明 

CacheDuration 获取 或 者 设置 缓存 数据 在 内 存 中 存储 的 时 间 。 单 位 为 秒 ， 默 认 值 是 无 限 大 。 当 
EnableCaching 属性 设置 为 tue， 即 启用 数据 缓存 功能 ， 这 时 应 该 将 CacheDuration 属 
性 值 设置 为 大 于 0 的 整数 W， 在 缓存 作废 之 前 ， 数 据 将 在 内 存 中 保存 六 秒 。 另 外 ,， 任 
何 Data 属性 的 改变 或 者 XML 文件 内 容 的 改变 ， 都 将 引起 缓存 作废 

DataFile 获取 或 设置 一 个 值 ， 该 值 指示 HTML 服务 器 控件 是 否 显示 在 页 面 上 


EnableCaching 


Transform 


TransformFile 


XPath 


获取 或 者 设置 一 个 布尔 值 ， 用 于 确定 是 否 启用 控件 的 数据 缓存 功能 。 值 为 tue， 表 示 
启用 数据 缓存 功能 ， 否 则 不 启用 此 功能 。 默 认 值 为 tue 

获取 或 设置 一 个 XSL 块 , 该 块 定义 了 对 Data 属性 值 或 者 DataFile 属性 所 指定 的 XML 
数据 进行 XSLT 的 转换 方式 。 默认 值 为 空 。 如 果 同 时 设置 了 Transform 和 TranformFile 
属性 ， 那 么 TransformFile 属性 将 被 优先 使 用 。 另 外 ， 如 果 设 置 了 XPath， 那 么 该 属性 
要 等 到 XML 文档 转换 后 才 被 应 用 

获取 或 者 设置 XSL 文件 的 路 径 ， 该 XSL 文件 用 于 定义 对 Data 属性 值 或 者 DataFile 
属性 所 指定 的 XML 数据 进行 XSLT 的 转换 方式 。 默 认 值 为 空 

获取 或 者 设置 应 用 于 XML 数据 中 的 XPath 查询 值 。 默 认 值 为 空 


XmlDataSource 控件 定义 的 事件 只 有 一 个 Transforming。 该 事件 发 生 在 由 属性 Transform 
或 者 TransformFile 设置 的 XSL 实现 XML 数据 转换 之 前 。 可 以 定义 Transforming 的 事件 处 理 


程序 OnTransforming 。 


比较 典型 的 应 用 是 在 OnTransforming 处 理 程序 中 ， 设 置 


TransformArgumentList 属性 以 实现 对 XSLT 参数 列表 的 定义 ， 该 参数 表 用 于 由 控件 所 加 载 的 


XML 数据 中 。 


7.4 显示 XML 


在 ASPNET 中 可 以 使 用 4 种 方式 来 从 一 个 XML 文件 中 读 取 并 显示 信息 ， 分 别 是 : 使 用 
XML 控件 读 取 、 使 用 DOM 技术 读 取 、 使 用 DataSet 对 象 和 使 用 XmlTextReader 类 读 取 。 下 面 
依次 对 它们 进行 介绍 ， 在 开始 之 前 首先 介绍 使 用 的 XML 文件 myCard.xml， 内 容 如 代码 7.17 


所 示 。 


代码 7.17 myCard.xml 文 件 内 容 


<?xml version="1.0" encoding="GB2312"?> 


<?xml-stylesheet type="text/xsl" href="myCard.xsl"?> 


<myCard> 


<User ID="E-081"> 
<Name> 王 梦 左 </Name> 


<Email>ayhncn@163.com</Email> 
<Career> 销 售 人 员 </career> 


<Site>http://www.itzcn.net</sSite> 


在 上 述 myCard.xml 文件 中 需要 用 到 myCard.xsl 对 样式 进行 转换 ， 它 的 内 容 如 代码 7.18 
所 示 。 


代码 7.18 myCard.xsl 文件 内 容 


创建 一 个 ASPNET 应 用 程序 ， 将 上 述 的 两 个 文件 放 到 网 站 的 根 目录 中 ， 然 后 再 执行 下 面 
的 操作 。 


7.4.1 XML 控件 读 取 


使 用 XML 控件 读 取 XML 文档 是 最 简单 的 一 种 方法 。 使 用 这 种 方法 时 ,只 需要 设置 XML 
控件 一 个 名 为 DocumentSource 的 属性 ， 将 值 设 置 为 要 读 取 的 XML 文件 的 地 址 即 可 。 例 如 ， 
这 里 创建 了 一 个 名 为 Default4.aspx 的 文件 ， 添 加 了 XML 控件 并 指定 到 myCard.xml 文件 。 
Default4.aspx 包含 的 内 容 如 代码 7.19 所 示 。 


代码 7.19 Default4.aspx 文件 内 容 


保存 并 在 浏览 器 中 打开 Default4.aspx 即 可 看 到 XML 控件 通过 myCard.xsl 转 换 myCard.xml 
文件 中 内 容 后 的 效果 ， 如 图 7-16 所 示 。 


后 使 用 pm 控件 Vindows Interact Explorer 


OO- Eve /heme mom vr ea 


7-16 ”使 用 XML 控件 读 取 XML 文档 


7.4.2 ”DOM 技术 读 取 


-NET Framework 的 XML 类 提供 了 一 个 符合 W3C DOM 标准 的 XML 分 析 器 对 象 
XmlDocument， 它 是 在 .NET 环境 中 执行 大 多 数 基 于 XML 操作 的 核心 对 象 。 下 面 将 举例 说 明 


怎样 使 用 XmlDocument 对 象 读 取 XML 文档 。 
在 网 站 中 新 建 一 个 ASPNET 页 面 ， 然 后 添加 一 个 XML 控件 。 注 意 ， 这 里 不 需要 设置 控 
件 的 任何 属性 ， 此 时 页 面 代码 如 代码 7.20 所 示 。 


代码 7.20 添加 XML 控件 
打开 后 台 .cs 文件 ， 编 写 读 取 XML 文件 的 代码 ， 这 里 使 用 了 XmlDocument 对 象 。 要 先导 


入 命名 空间 再 编码 ， 编 写 如 代码 7.21 所 示 的 内 容 。 
代码 7.21 载 入 并 显示 XML 


完成 后 运行 这 个 页 面 , 会 看 到 与 前 面相 同 的 效果 。 但 是 在 该 例 中 , 同样 使 用 了 XML 控件 ， 
但 是 并 没有 使 用 控件 的 DocumentSource 属性 ， 而 是 使 用 XmlDocument 对 象 的 Load 方法 载 入 
了 要 读 取 的 XML 文档 ， 然 后 将 该 XmlDocument 对 象 与 XML 控件 关联 起 来 。 


7.4.3 ”DataSet 对 象 读 取 


DataSet 将 数据 和 架构 作为 XML 文档 形式 进行 读 写 。 可 以 使 用 WriteXmlSchema() 方 法 将 
该 架构 保存 为 XML 架构 ， 并 且 使 用 WriteXml0 方 法 保存 架构 和 数据 。 如 果 要 读 取 既 包含 架构 
又 包含 数据 的 XML 文档 ， 可 以 使 用 ReadXml0 方 法 。 

下 面 将 举例 说 明 怎 样 利 用 DataSet 对 象 操作 XML 数据 。 在 新 建 的 ASPNET 页 面 中 添加 一 
个 GridView 控件 ， 然 后 设置 ID 属性 为 GridView1， 再 设置 自动 套用 的 格式 。 

在 .cs 文件 中 编码 代码 读 取 XML 数据 到 GridView 控件 并 显示 ， 如 代码 7.22 所 示 。 


代码 7.22 编写 实现 显示 XML 内 容 的 代码 


在 该 例 中 ，XML 数据 被 加 载 到 一 个 DataSet 对 象 中 ， 然 后 使 用 DataGrid 控件 显示 出 了 它 
的 内 容 。 运 行 效果 如 图 7-17 所 示 ， 可 以 看 出 采用 这 种 方法 显示 数据 比 前 面 两 种 清晰 多 了 。 


王 梦 哎 ayhncn@163.com 销售 人 员 httpywwwitzcn net 。 E-081 
视 红 涛 somboy@126 .com 软件 开发 工程 师 httpJ/www.csdn net 。 E-214 
贺 强 。 Qiange@188.com 市 场 策划 员 httpy/wrww webzcn cn E-070 


7-17 运行 效果 


7.4.4 XmlTextReader 类 读 取 


利用 XmlTextWriter 类 可 以 创建 新 的 XML 文件 ， 而 利用 XmlTextReader 对 象 可 以 读 取 磁 
盘 文 件 ， 并 以 XML 节点 列表 的 形式 显示 数据 。 下 面 将 举例 说 明 如 何以 文本 方式 读 取 XML 
文档 。 

这 种 方法 会 将 XML 文档 以 文本 形式 读 出 ,因此 前 台 页 面 很 简单 ， 这 里 仅 包 含 了 一 个 名 为 
lter 的 Literal 控件 。 大 部 分 代码 是 通过 后 台 使 用 XmlTextReader 类 来 完成 的 。 例如， 这 里 要 实 
现 读 取 myCard.xml 文件 ， 后 台 代码 如 代码 7.23 所 示 。 


代码 7.23 XmlTextReader 类 以 文本 方式 读 取 XML 文档 


在 该 例 中 ， 创 建 了 一 个 XmlTextReader 类 的 实例 ， 然 后 使 用 该 实例 读 取 XML 文件 ， 显 示 
的 结果 是 以 节点 列表 的 形式 输出 的 ， 如 图 7-18 所 示 为 运行 效果 。 


7-18 XmlTextReader 类 读 取 XML 文档 


7.5 生成 XML 


在 ASPNET 中 有 很 多 种 方法 可 以 生成 一 个 XML 文档 ， 其 中 最 常用 的 是 从 数据 库 和 文本 
中 生成 ， 本 节 会 依次 对 它们 进行 介绍 。 


7.5.1 使 用 DataSet 创建 


使 用 DataSet 对 象 的 WriteXml 方法 可 以 方便 地 创建 一 个 XML 文件 。 由 于 DataSet 属于 
System.Data 命名 空间 ， 因 此 ， 很 容易 实现 将 一 个 数据 库 文件 存储 成 一 个 XML 文件 。 下 面 将 
举例 说 明 如 何 使 用 DataSet 创建 XML 文档 。 

接 下 来 的 操作 需要 用 到 数据 库 ， 因 此 首先 导入 所 需 的 命名 空间 ， 如 代码 7.24 所 示 。 


代码 7.24 导入 命名 空间 
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using System.Data.SqlClient; 


图 7-19 所 示 为 用 到 的 数据 库 ， 而 且 显 示 了 ClassList 表 中 的 数据 。 接 下 来 的 工作 ， 就 是 读 


取 这 个 表 中 的 内 容 ， 将 它们 保存 到 XML 文件 中 。 这 样 就 不 用 在 前 台 添 加 任何 代码 ， 代 码 7.25 


列 H 


了 后 台 实 现代 码 。 
代码 7.25 将 ClassList 表 数 据 写 入 XML 


public SqlConnection conn; 

public SqlDataReader dr; 

public SqlDataAdapter da; 

protected void Page Load(object sender, EventArgs e) { 
string connstr = "server=ZHHT;uid=sa;pwd=123456;database=51luhui SqlServer"; 
string sql = "select * from ClassList where parent=0"; 
conn = new SqlConnection(connstr); 

conn.Oopen(); 

da = new SqlDataAdapter(sql, conn); 

DataSet ds = new DatasSet(); 

da.Fill(ds, "pdtSort"); 

ds .WriteXml (Server.MapPath ("productSort.xml")); 

} 


程序 执行 完 以 后 , 就 在 当前 目录 下 创建 了 一 个 名 为 productSort.xml 的 XML 文件 。 如 果 使 


浏览 器 打开 该 XML 文件 ， 结 果 如 图 7-20 所 示 。 在 该 例 中 ， 实 现 了 将 一 个 SQL Server 2005 


数据 库 文件 转化 为 一 个 名 为 productSort.xml 的 XML 文件 。 


目的 调 直 WD 查 诲 设计 蚊 工具 人 窗口 时 社区 民 ) 向 
所 RD 本 
i be. ComaLint 
Tez 
手相 /电话 机 |.。 手 抽 /电话 机 /对 2o08| poml version="1.0" standalone-'yes' ?> 
电 及 /网 络 电话 /站内 4 
本 dd>1</1d> 
去 技 / 内 下 /对 aoe <Tite> 手 机 /电话 机 /通讯 设备 </Title> 
男 于 | 男 驻 20084 <Tite2 :手机 /电话 机 /通讯 设备 </ 
小 灵通 2o084 parent>0 </Parent> 
>2008-09- 


03T12:15:00+08:00</ 
aa 22008-09- 
19T13:18:00+08:00</ 
>/phone</ 


图 7-19 表 数据 


7.5.2 ”使 用 文本 方式 创建 


文本 方式 是 指 利用 XmlTextWriter 对 象 来 创建 XML 文档， 这 个 对 象 提供 了 很 多 方法 可 以 


方便 容易 地 创建 一 个 XML 文档 。 下 面 将 举例 说 明 如 何以 文本 方式 创建 XML 文档 。 


XmlTextWriter 类 位 于 System.XML 命名 空间 中 ， 它 可 以 向 XML 文档 中 添加 注释 、 属 性 、 


节点 以 及 子 节点 等 。 代 码 7.26 所 示 为 本 例 中 创建 Children .xml 的 代码 。 
代码 7.26 ”使 用 XmlTextWriter 对 象 创建 XML 文档 


运行 这 个 程序 后 ， 会 在 网 站 的 当前 目录 中 创建 一 个 名 为 Children.xml 的 XML 文件 ,在 浏 
览 器 中 打开 ， 会 看 到 如 图 7-21 所 示 的 内 容 。 


| Ettp: ://localhost:3165/WebSitel4/Children. xal ~— Windows Internet 


<Cover_Art>100000Why.jpg </Cover_Art> 
<Title> 十 万 个 为 什么 </Title> 
- <publisher> 


图 7-21 Children.xml 文件 内 容 
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“六 内容 摘要 | 

ASPNET 可 以 开发 各 种 类 型 的 网 站 ， 在 网 站 开发 中 ， 一 定 会 用 到 ASPNET 的 内 置 对 象 。 
这 些 对 象 和 ASP 中 的 一 样 ， 只 不 过 ASPNET 中 功能 更 加 强大 、 管 理 更 加 方便 。ASPNET 中 
的 Web 服务 ， 能 够 使 用 户 轻松 创建 和 调用 Web 服务 ， 实 现代 码 共享 。 另 外 ，ASPNET 还 提供 
文件 处 理 功 能 ， 可 实现 轻松 管理 文件 。 本 章 将 对 ASPNET 的 内 置 对 象 、Web 服务 和 处 理 文件 
进行 逐一 介绍 。 


> 掌握 Response、Request、Session 及 Cookie 对 象 的 使 用 方法 
> 熟悉 Server 及 Application 对 象 的 使 用 方法 

> 熟悉 创建 Web 服务 的 过 程 

> 能 够 编写 简单 的 Web 服务 

> 熟悉 使 用 Web 服务 的 过 程 

> 熟悉 操作 驱动 器 及 文件 夹 的 常用 方法 

> 掌握 操作 文件 的 常用 方法 


8.1 ASP.NET 内 置 对 象 


ASPNET 内 置 对 象 是 由 IIS 控制 台 初 始 化 的 ActiveX DLL 组 件 。 因 为 IS 可 以 初始 化 这 些 
内 置 组 件 用 于 ASPNET 中 ， 所 以 用 户 也 可 以 直接 引用 这 些 组 件 来 实现 编程 ， 即 可 以 在 应 用 程 
序 中 ， 通 过 引用 这 些 组 件 来 实现 访问 ASPNET 内 置 对 象 的 功能 。 

ASPNET 提供 的 内 置 对 象 有 Request、 Response、 Application、 Session、 Server 和 Cookies。 
这 些 对 象 使 用 户 更 容易 收集 通过 浏览 器 请 求 发 送 的 信息 、 响 应 浏览 器 以 及 存储 用 户 的 信息 ， 
以 实现 其 他 特定 的 状态 管理 和 页 面 信息 传递 。 在 本 章 中 将 对 这 些 内 置 对 象 和 配置 文件 进行 逐 
一 介绍 。 


8.1.1 Response 对 象 


Response 对 象 用 来 访问 所 创建 的 客户 端的 响应 ， 输 出 信息 到 客户 端 ， 它 提供 了 标识 服务 


器 和 性 能 的 HTTP 变量 ， 发 送 给 浏览 器 的 信息 和 在 Cookie 中 存储 的 信息 。 它 也 提供 了 一 系列 
用 于 创建 输出 页 面 的 方法 ， 例 如 经 常会 用 到 的 Response.Write 方法 。 该 内 置 对 象 所 属 的 类 是 
HttpResponse 类 。 

利用 Response 对 象 的 相关 属性 和 方法 可 以 在 Page 页 面 上 输出 文字 、 转 到 网 址 、 创 建 Cookie 
等 。 下 面 利用 该 对 象 的 Write 方法 、Redirect 方法 、 添 加 Cookie 的 方法 ， 实 现 不 同 的 功能 ， 说 
明 Response 对 象 的 使 用 方法 。 代 码 8.1 说 明了 Write 方法 的 使 用 方式 。 


代码 8.1 Response 对 象 Write 方法 的 使 用 


上 面 的 实例 运用 Response 对 象 的 Write 方法 ， 向 客户 端 输出 了 由 服务 器 端 发 送 的 消息 。 
除了 能 在 客户 端 输出 消息 外 ，Response 对 象 还 能 够 将 客户 端 浏 览 器 重 定向 到 另外 的 URL 上 ， 
即 跳 转 到 指定 的 网 页 上 。 实 现 该 功能 只 须 使 用 Response 对 象 的 Redirect 方法 ， 该 方法 的 使 用 
方法 如 代码 8.2 所 示 。 


ASPNET 中 包含 两 个 内 部 Cookie (Cookie 将 在 下 面 的 章节 中 讲解 到 ， 此 处 就 不 再 多 做 讲 
解 ) 集合 。 通 过 Response 对 象 可 以 对 Cookie 访问 并 且 能 为 其 添加 一 个 新 的 Cookie， 代 码 8.3 
所 示 为 Response 对 象 添加 Cookie 的 方法 。 


代码 8.3 添加 Cookie 的 方法 


8.1.2 Request 对 象 


Request 对象 派生 自 HttpRequest 类 ， 该 对 象 是 用 来 获取 客户 端 在 请 求 一 个 页 面 或 者 传送 
一 个 Form 时 提供 的 所 有 信息 ， 包 括 能 够 标识 浏览 器 和 用 户 的 HITP 变量 ， 存 储 在 客户 端的 
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Cookie 信息 以 及 附 在 URL 后 面 的 值 ( 指 URL 中 “? ”符号 后 面 的 查询 字符 串 ) 查询 字符 串 
或 者 页 面 中 <Form> 段 中 的 HTML 控件 内 的 值 、Cookie、 客 户 端 证 书 、 查 询 字 符 串 等 。 可 以 使 
用 此 类 读 取 浏览 器 已 经 发 送 的 内 容 。 

利用 Request 对 象 可 以 获得 大 量 客户 端 信息 ， 如 可 以 获得 客户 端 亿 、 计 算 机 DNS 名 称 、 
获取 当前 请 求 的 URL 等 值 。 这 些 都 是 通过 Request 对 象 的 属性 和 方法 获得 的 。 下 面 通过 代码 
演示 Request 对 象 的 应 用 。 

首先 来 看 在 程序 中 ， 经 常 使 用 Request 对 象 的 QueryString 属性 ， 来 获得 从 上 一 个 页 面 传 
递 过 来 的 字符 串 参 数 。 例 如 在 页 面 1 中 创建 一 个 链接 ， 使 其 指向 页 面 2， 并 用 QueryString 属 
性 获得 这 两 个 变量 ， 该 连接 代码 如 下 所 示 。 


<a href="74.aspx?username=myname &password=mypassword"> 查 看 详细 </a> 


上 面 创建 好 了 链接 ， 并 传递 两 个 值 ， 一 个 是 用 户 的 ID， 另 一 个 为 用 户 名 。 现 在 在 页 面 2 
中 获得 从 页 面 1 传递 过 来 的 两 个 值 ， 具 体操 作 是 : 在 页 面 2 的 Page_Load 事件 中 编写 如 代码 
8.4 所 示 的 内 容 。 


代码 8.4 ”获得 从 页 面 1 传递 过 来 的 字符 串 参 数 : 74.aspx 


protected void Page_Load (object sender, EventArgs e) { 
Response .Write(" 获 得 的 用 户 名 是 : "+Request .QueryString["username"] .ToString 
Wn <b 
Response.Write ("获得 的 密码 是 : " + Request.Querystring["password"] .To 
String()); 

} 


在 该 项 目 中 右 击 pagel， 从 弹出 的 快捷 菜单 中 选择 【 设 为 起 始 项 】 命令。 然后 单 击 工具 栏 
中 的 【启动 调试 】 按 钮 ， 运 行程 序 。 在 页 面 1 中 单 击 【查看 详细 】 链 接 跳 转 到 页 面 2， 在 页 而 
2 上 显示 的 结果 如 下 : 


获得 的 用 户 名 是 : myname 
获得 的 密码 是 : mypassword 


在 上 面 的 例子 中 成 功 地 获得 了 QueryString 的 值 ， 利 用 Request 对 象 还 可 ed 
相关 信息 ， 如 卫 、DNS 名 称 等 。 在 代码 8.5 中 就 获得 了 客户 端 瑟 地址 、DNS 名 称 、 是 否 为 本 
地 计算 机 和 请 求 的 原始 URL， 同 样 这 些 代 码 也 编写 在 页 面 2 的 Page_ Load 事件 处 理 程 序 中 


代码 8.5 获得 客户 端 IP 地 址 、DNS 名 称 等 信息 


Response.Writel(" 客 户 端 用 六 主 机 IP: "+Request.UserHostAddress.ToString()+ 
"<br/>"); 

Response.Write(" 获 取 当 前 请 求 的 原始 URL:" + Request.RawUrl.Tostring() + 
人 

Response.Write ("获取 远程 客户 端的 DNS 名 称 : " + Request.UserHostName + "<br/>"); 
Response.Write ("是 否 为 本 地 计算 机 : ”+ Request.IsLocal.Tostring() + "<br/>"); 


运行 代码 8.5， 结 果 显示 如 下 : 


通过 分 析 以 上 案例 程序 ， 了 解 了 Request 对 象 属性 值 的 运用 ， 下 面 利用 Request 对 象 提供 
的 方法 获取 文件 的 物理 路 径 ， 具 体 如 代码 8.6 所 示 。 


代码 8.6 ”获取 文件 的 物理 路 径 


该 实例 的 程序 运行 结果 如 下 所 示 。 


8.1.3 Server 对 象 


Server 对 象 提供 对 服务 器 上 方法 和 属性 的 访问 ， 获 取 有 关 的 最 新 错误 信息 ， 对 HTML 文 
本 进行 编码 和 解码 。 其 中 大 多 数 方法 和 属性 作为 实用 程序 的 功能 服务 。Server 对 象 也 是 Page 
对 象 的 成 员 之 一 , 主要 提供 一 些 处 理 页 面 请 求 时 所 需 的 功能 , 如 建立 COM 对 象 、 字 符 串 的 编 、 
译 码 等 工作 。 

Server 对 象 是 类 HttpServerUtility 的 一 个 实例 ,该 类 为 Server 对 象 提供 了 很 多 方法 和 属性 ， 
利用 这 些 方法 和 属性 能 获取 最 新 的 错误 信息 以 及 对 HTML 文本 进行 编码 和 解码 。 下 面 通过 实 
例 代码 说 明 Server 对 象 的 应 用 。 

首先 举 一 个 返回 服务 器 计算 机 名 称 和 设 定 客户 端 超时 期 限 的 实例 , 该 实例 主要 用 到 Server 
对 象 的 MachineName 属性 和 ScriptTimeonut 属性 。 打开 Visual Studio 2008 创建 一 个 网 站 , 在 该 
网 站 .cs 文件 中 的 PAGE _ Load 事件 处 理 程序 中 ， 添 加 如 代码 8.7 所 示 的 内 容 。 


代码 8.7 返回 服务 器 计算 机 名 称 和 设 定 客户 端 超时 期 限 


代码 8.7 的 第 一 行 代码 获得 了 服务 器 主机 名 ， 第 二 行 代码 将 客户 端 请 求 超时 期 限 设置 为 
10 秒 ， 如 果 在 10 秒 内 用 户 没有 任何 操作 ， 服 务 器 将 断 开 与 客户 端的 连接 。 该 实例 的 运行 结果 
如 下 所 示 。 


在 上 面 的 实例 中 对 Server 对 象 的 属性 进行 了 运用 ， 下 面 利用 Server 对 象 的 HtmlEncodeO) 
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和 HtmlDecode() 方 法 创建 一 个 实例 .代码 8.8 展示 如 何 使 用 HttpServerUtility 类 的 HtmlEncode0 
方法 和 HtmlDecode() 方 法 ， 有 具体 代码 如 下 所 示 。 


代码 8.8 ”HtmlEncode() 方 法 和 HtmlDecode() 方 法 的 使 用 


string htmlstring = "<a href=http://www.webzcn.cn>http://www.webzcn.cn 
</a>"; 

Response.Write ("HtmlEncode 方法 的 结果 : " + Server.HtmlEncode (htmlstring)+ 
eb eh 

Response.Write ("HtmlDecode 方法 的 结果 : " + Server.HtmlDecode (htmlstring) + 
a oh 


运行 程序 ， 读 者 会 发 现在 页 面 上 输出 了 两 行文 字 ， 第 一 行 输出 的 是 “<a href=http://www. 
webzcn.cn>http://www.webzcn.cn</a>”， 而 第 二 行 输出 的 则 是 “http://www.webzcn.cn” 的 超 链 
接 。 此 时 可 以 很 清楚 地 看 出 这 两 个 方法 的 区 别 ， 一 个 是 对 输出 的 内 容 不 进行 编码 直接 输出 ， 
而 另 一 个 HtmlDecode() 方 法 是 对 文字 进行 编码 后 输出 。 

使 用 Server 对 象 的 MapPath0 方 法 ,可 以 将 指定 的 相对 或 者 虚拟 路 径 ， 映射 到 服务 器 相应 
的 物理 目录 上 。 该 方法 需要 传递 的 参数 是 Web 服务 器 的 虚拟 路 径 的 字符 串 。 若 该 字符 串 中 以 
一 个 正和 斜 杠 (/) 或 者 反 斜 枉 〈\) 开始 ， 则 MapPath() 方 法 返回 路 径 时 将 该 字符 串 视 为 完整 的 
虚拟 路 径 。 若 Path 不 是 以 斜 杠 开始 , 则 MapPath() 方 法 返回 同 页 面 文件 中 已 有 路 径 的 相对 路 径 。 


全 MapPath() 方 法 不 检查 返回 的 路 径 是 否 正确 或 者 在 服务 器 上 是 否 存在 。 


8.1.4 Application 对 象 和 Session 对 象 


前 面 的 章节 介绍 了 ASPNET 提供 的 访问 一 个 客户 请 求 和 产生 响应 的 方法 ， 本 节 介 绍 另外 
两 个 对 象 ，Application 和 Session 对 象 。 这 两 个 对 象 不 直接 参与 请 求 和 响应 的 管理 ， 而 是 在 
Web 服务 端 对 用 户 会 话 、 服 务 器 状态 进行 处 理 。 


六 全 Application 对 象 


在 ASPNET 环境 下 ，Application 对 象 是 HttpApplictionState 类 的 一 个 实例 。Application 
对 象 ， 可 以 提供 对 所 有 会 话 应 用 程序 范围 内 的 方法 和 事件 的 访问 ， 还 提供 对 可 用 于 存储 信息 
应 用 程序 范围 缓存 的 访问 。 

下 面 通过 实例 的 方式 具体 说 明 Application 对 象 的 创建 ， 其 属性 和 方法 的 运用 。 代 码 8.9 
中 创建 一 个 关于 Application 对 象 的 实例 ， 具 体 代码 如 下 所 示 。 


代码 8.9 创建 Application 对 象 


protected void Page Load(object sender, EventArgs e){ 
Application["username"] = " 董 红 伟 "; 
Application.Add ("sex",， " 男 "); 


在 本 例 中 首先 为 应 用 程序 变量 Name0 设置 了 一 个 值 ， 而 后 利用 该 对 象 的 方法 添加 了 两 个 
Application 对 象 ， 并 赋予 初 值 ， 接 下 来 使 用 Application 对 象 的 Count 属性 获得 该 对 象 的 总 数 
(Application 对 象 是 一 个 集合 )， 然 后 通过 循环 操作 该 对 象 。 该 对 象 的 Get0 方 法 ， 可 以 通过 
Application 对 象 索引 和 名 称 获得 该 对 象 的 值 ， 而 GetKeyO 只 能 通过 该 对 象 的 索引 获得 其 名 称 ， 
最 后 使 用 该 对 象 的 Clear0 方 法 清除 Application 对 象 集合 。 运 行程 序 ， 页 面 显示 结果 如 下 : 


Lock() 方 法 可 以 阻止 其 他 客户 修改 存储 在 Application 对 象 中 的 变量 ， 以 确保 在 同一 时 刻 
仅 有 一 个 客户 可 修改 和 存 取 Application 对 象 中 的 变量 。 如果 用 户 没有 明确 调用 Unlock() 方 法 ， 
则 服务 器 将 在 页 面 文件 结束 或 者 超时 后 解除 对 Application 对 象 的 锁定 。 

Unlock() 方 法 可 以 使 其 他 客户 端 在 使 用 Lock 方法 锁 住 Application 对 象 后 ， 修 改 存储 在 该 
对 象 中 的 变量 。 如 果 未 显 式 地 调用 该 方法 ，Web 服务 器 将 在 页 面 文件 结束 或 者 超时 后 解锁 
Application 对 象 。 使 用 方法 如 下 所 示 : 


Session 对 象 为 当前 用 户 会 话 提供 信息 ， 还 提供 对 可 用 于 存储 信息 会 话 范围 缓存 的 访问 ， 
以 及 控制 如 何 管理 会 话 的 方法 。 

可 以 使 用 Session 对 象 存储 特定 用 户 会 话 所 需 的 信息 。 这 样 ， 当 用 户 在 应 用 程序 的 Web 
页 面 之 间 跳 转 时 ， 存 储 在 Session 对 象 中 的 变量 将 不 会 丢失 ,而 是 在 整个 用 户 会 话 中 一 直 存 在 
下 去 。ASPNET 的 Sessions 非常 好 用 ， 能 够 利用 Session 对 象 来 对 Session 全 面 控制 ， 如 果 需 
要 在 一 个 用 户 的 Session 中 存储 信息 ， 只 需要 直接 简单 地 调用 Session 对 象 。 

下 面 通过 实例 代码 ， 说 明 Session 对 象 的 应 用 。 首 先 创建 一 个 网 站 应 用 程序 ， 在 【解决 方 
案 资 源 管理 器 】 中 双击 Default.aspx.cs 文件 ， 打 开 该 文件 在 Page_Load 事件 处 理 程序 中 编写 如 
代码 8.10 所 示 的 内 容 。 


代码 8.10 ”保存 数据 到 Session 对 象 
protected void Page Load(object sender，Eventargs el 


| 


上 面 代码 中 的 1this.Page.IsPostBack 表示 的 是 , 当 页 面 第 一 次 打开 的 时 候 值 为 tme， 
当 页 面 回 传 时 值 为 false。IsPostBack 表示 是 否 为 页 面 回 传 。 


在 上 一 步骤 中 保存 了 Session 值 ， 并 且 设 置 Session 值 的 过 时 时 间 为 1 分 钟 。 下 面 在 页 面 
上 添加 一 个 服务 器 控件 Button 按钮 ， 双 击 该 按钮 进入 该 按钮 的 Click 事件 处 理 程序 中 ， 在 此 
处 添加 如 代码 8.11 所 示 的 内 容 。 


代码 8.11 显示 Session 对 象 中 的 值 
至 此 该 实例 就 成 功 地 设计 完成 了 ， 运 行程 序 单 击 Button 按钮 ， 显 示 结 果 如 下 所 示 : 


过 1 分钟 后 再 单 击 该 按钮 ， 显 示 的 结果 为 : 


从 结果 中 可 以 看 出 ,两 次 的 值 不 同 , 这 就 说 明 保 存 的 Session 值 已 经 过 时 ，Session 已 经 不 
再 保存 该 值 。 本 实例 讲解 了 如 何 保存 和 读 取 Session 值 ， 当 然 也 可 为 Session 对 象 添加 值 ， 这 
就 要 用 到 Session 对 象 的 Add() 方 法 。 


8.1.5 ”Cookie 对 象 


Cookie 是 一 小 块 由 浏览 器 存储 在 客户 端 系统 上 的 文本 ， 是 一 种 标记 。 由 Web 服务 器 嵌入 
用 户 浏 览 器 中 ,以 便 标识 用 户 , 且 随 同 每 次 用 户 请 求 发 往 Web 服务 器 。 用 户 访问 Web 站 点 时 ， 
每 个 站 点 都 可 能 会 向 用 户 浏览 器 发 送 一 个 Cookie， 而 浏览 器 会 将 所 有 这 些 Cookie 分 别 保存 。 
Cookie 是 Web 站 点 而 不 是 具体 的 页 面 ， 所 以 无 论 用 户 请 求 浏览 站 点 中 的 那个 页 面 ， 浏 览 器 和 
服务 器 都 将 交换 Cookie 信息 。 

Cookie 跟 Session、Application 类 似 ， 也 是 用 来 保存 相关 信息 ,但 Cookie 和 其 他 对 象 的 最 
大 不 同 是 ，Cookie 将 信息 保存 在 客户 端 ， 而 Session 和 Application 是 保存 在 服务 器 端 。 也 就 
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是 说 ， 无 论 何 时 用 户 连接 到 服务 器 ，Web 站 点 都 可 以 访问 Cookie 信息 。 这 样 ， 既 方便 用 户 的 
使 用 ， 也 方便 了 网 站 对 用 户 的 管理 。 

浏览 器 负责 管理 用 户 系统 上 的 Cookie。 创 建 Cookie 时 ， 需 要 指定 Name 和 Value， 还 可 
以 设置 Cookie 的 到 期 日 期 和 时 间 。 用 户 访问 编写 Cookie 站 点 时 ， 浏 览 器 将 删除 过 期 Cookie。 

如 果 没 有 设置 Cookie 的 有 效 期 , 则 不 会 将 其 存储 在 用 户 的 硬盘 上 , 而 会 将 Cookie 作为 用 
户 会 话 信息 的 一 部 分 进行 维护 。 当 用 户 关闭 浏览 器 时 ，Cookie 便 会 被 丢弃 。 这 种 非 永久 性 221) 
Cookie 很 适合 用 来 保存 只 需 短 时 间 存 储 的 信息 ， 或 者 保存 由 于 安全 原因 不 应 该 写 入 客户 端 计 
算 机 磁盘 的 信息 。 已 经 了 解 了 Cookie, 现在 就 在 ASPNET 中 创建 一 个 Cookie， 具体 创建 方法 
如 代码 8.12 所 示 。 


代码 8.12 通过 HttpCookie 对 象 创建 Cookie 


HttpCookie myCookie = new HttpCookie ("username") 7 
myCookie.Value = "MyName"; 

myCookie.Expires = DateTime.Now.AddDays (1); 
Response.Cookies.Add (myCookie); 


在 代码 8.12 中 创建 了 一 个 Cookie， 使 用 另 一 种 方法 同样 也 可 以 创建 Cookie， 具体 方法 如 
代码 8.13 所 示 。 


代码 8.13 ”创建 Cookie 的 另 一 种 方法 


Response.Cookies ["username"] .Value = "MyName"; 
Response.Cookies ["username"] .Expires = DateTime.Now.AddDays (1) 7 


这 样 就 创建 了 一 个 Cookie 对 象 ， 右 击 浏览 器 属性 弹出 【Internet 属性 】 对 话 框 ， 单 击 【 浏 
览 历史 记录 】 窗 格 下 的 【设置 】 按 钮 ， 弹 出 【Internet 临时 文件 和 历史 记录 设置 】 对 话 框 ， 单 
击 【 查 看 文件 】 按 钮 ， 会 发 现 创 建 的 Cookie 文件 。 

在 上 面 的 例子 中 创建 了 一 个 Cookie, 如 果 用 户 设置 为 拒绝 接受 Cookie, 在 不 能 写 入 Cookie 
时 是 不 会 引发 任何 错误 的 ,同样 浏览 器 也 不 会 向 服务 器 发 送 有 关 当 前 Cookie 设置 的 任何 信息 。 
确定 Cookie 是 否 被 接受 的 一 种 方法 是 尝试 编写 一 个 Cookie， 然 后 再 尝试 读 取 该 Cookie， 如 果 
无 法 读 取 该 Cookie， 则 可 以 确定 浏览 器 不 接受 Cookie。 

下 面 以 一 个 实例 演示 如 何 测 试 浏览 器 是 否 接受 Cookie。 此 实例 由 两 个 页 面 组 成 。 第 一 个 
页 面 写 出 Cookie， 然 后 将 浏览 器 重 定向 到 第 二 个 页 面 ， 第 二 个 页 面 尝试 读 取 该 Cookie。 第 一 
个 页 面 的 具体 代码 如 代码 8.14 所 示 。 


代码 8.14 写 入 Cookie 


protected void Page Load(object sender, EventArgs e){ 
if (!Page.IsPostBack) { 
Response.Cookies["Mycookie"] .Value = "CookieOK"; 
Response.Cookies["Mycookie"] .Expires = DateTime.Now.AddMinutes (1); 


Response.Redirect ("711.aspx"); 


该 页 面 转 到 第 二 个 页 面 后 ， 在 第 二 个 页 面 中 添加 如 代码 8.15 所 示 的 内 容 。 
代码 8.15 ”尝试 读 取 Cookie 


8.2 Web 服务 


Web 服务 从 理论 上 说 并 不 是 新 概念 ， 它 允许 分 布 式 应 用 程序 通过 网 络 共享 业务 逻辑 。 
Microsoft 的 Web 服务 使 用 标准 的 Web 协议 〈 如 HITP) 和 数据 描述 语言 (如 XML)?， 通 过 公 
用 商品 交换 数据 ， 并 利用 了 无 所 不 在 的 HTTP 基础 结构 支持 。Web 服务 从 技术 上 来 说 是 通过 
标准 的 Web 协议 访问 的 可 编程 的 应 用 程序 逻辑 。 这 个 定义 包括 可 编程 的 应 用 程序 逻辑 和 标准 
Web 协议 。 


8.2.1 Web 服务 概述 


目前 访问 Intermet 信息 的 最 常用 方法 是 通过 浏览 器 发 送 和 接收 消息 ， 这 些 消息 包含 使 用 
HTTP 协议 传输 的 HTML 标记 ， 然 后 HTML 标记 在 Web 浏览 器 中 分 析 ， 并 显示 用 户 界面 。 

Web 服务 (Web Service) 就 是 一 种 应 用 程序 ， 可 以 使 用 标准 的 互联 网 协议 〈 如 HITP 等 ) 
将 功能 纲领 性 地 体现 在 互联 网 和 企业 内 部 网 上 ， 可 将 Web 服务 视 为 Web 上 的 组 件 编程 。Web 
服务 的 出 现 被 认为 是 分 布 式 计算 领域 的 一 项 重大 飞跃 ， 预 示 着 : 当 用 户 需要 某 种 功能 时 ， 可 
以 在 Pntermet 上 以 编程 方式 找到 并 访问 ,这 种 基于 HTTP 和 XML 的 技术 由 于 其 非 专用 的 实现 、 
开放 的 协议 和 方便 的 跨 平台 性 等 诸多 优点 ， 成 为 目前 分 布 式 应 用 的 主要 方式 。 


1 什么 是 Web 服 务 


“Web 服务 ”是 Web 服务 器 所 提供 的 一 个 应 用 程序 或 者 可 执行 代码 的 程序 块 , 其 功能 可 以 
通过 标准 的 XML 协议 展示 。 

从 表面 上 看 ，Web 服务 就 是 一 个 应 用 程序 ， 它 向 外 界 公 布 了 一 个 能 够 通过 Web 进行 调用 
的 API。 也 就 是 说 ， 能 够 用 编程 的 方法 通过 Web 来 调用 该 程序 。Web 服务 平台 是 一 套 标 准 ， 
定义 应 用 程序 应 如 何在 Web 上 实现 相互 操作 。 用 任何 语言 、 在 任何 平台 上 写 的 Web 服务 程序 
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都 可 以 通过 Web Service 标准 对 这 些 服务 进行 查询 和 访问 。 

Web 服务 是 一 种 全 新 的 Web 应 用 程序 分 支 ， 是 自 包 含 、 自 描述 、 模 块 化 的 应 用 ， 可 以 发 
布 、 定 位 ， 也 可 以 通过 Web 调用 。Web 服务 可 以 执行 从 简单 请 求 到 复杂 商务 处 理 的 任何 功能 。 
一 旦 部 署 之 后 ， 其 他 Web 服务 应 用 程序 可 以 发 现 并 调用 部 署 的 服务 。 

Web 服务 是 一 种 应 用 程序 ， 可 以 使 用 标准 的 互联 网 协议 (如 HTTP 协议 ) 将 功能 纲领 性 
地 体现 在 互联 网 和 企业 内 部 网 上 ， 可 将 Web 服务 视 为 Web 上 的 组 件 编程 。 

从 传统 意义 上 来 说 ，.NET Web 服务 并 不 是 一 个 对 象 。 在 本 质 上 ，Web 方法 是 非常 独立 、 
抽象 和 基本 的 ，Web 服务 更 像 DLL 中 的 一 个 函数 库 ， 而 不 是 真正 面向 对 象 的 抽象 ， 这 种 简化 
是 Web 服务 一 个 重要 优点 。 因 为 Web 服务 并 没有 紧密 绑 定 到 某 种 特定 的 安全 机 制 、 状 态 管理 
或 者 传输 技术 ， 所 以 可 以 用 于 任何 开发 方案 。 


门 于 Web 服务 的 作用 ) 


Web 服务 是 一 种 共享 编程 功能 的 方法 ， 可 以 通过 以 下 几 种 方式 使 用 Web 服务 。 

口 支持 企业 对 企业 的 交易 或 者 连接 各 个 公司 的 内 部 系统 ”这 是 目前 一 段 时 间 内 使 用 Web 
服务 的 常见 方法 。 Web 服务 可 以 允许 文档 和 知识 共享 或 者 相关 服务 的 集成 。 例如 ，Web 
服务 可 以 用 来 帮助 电子 商务 公司 自动 与 货运 公司 联系 ， 填 写 订 单 。 这 时 ，Web 服务 使 
用 者 可 能 是 在 组 织 内 部 使 用 的 软件 。 

口 作为 开发 人 员 的 预 创建 模块 ”例如 ， 第 三 方 开发 人 员 可 以 创建 用 于 认证 的 Web 服务 ， 
供 ASPNET 站 点 使 用 。Web、 台 式 机 和 可 移动 应 用 程序 可 以 很 容易 地 使 用 这 种 预先 创 
建 的 组 件 。 

口 作为 客户 应 用 程序 的 增值 产品 特性 ”例如 ，Microsoft 公司 希望 IT 部 门 部 署 Windows 
操作 系统 ,那么 该 公司 就 有 必要 使 用 一 种 允许 系统 管理 员 使 用 Web 服务 执行 远程 管理 
的 技术 。 

口 作为 可 重用 的 组 件 DLL 例如 ， 在 ASPNET 应 用 程序 中 重用 某 种 功能 的 最 容易 的 方 
法 不 是 创建 NET 程序 集 ， 而 是 设计 各 种 客户 都 可 以 使 用 的 Web 服务 。 无 须 担 心 Web 
服务 和 客户 的 位 置 ， 只 需 确保 每 一 个 客户 都 拥有 Internet 连接 即 可 。 

口 作为 连接 同一 家 公司 中 软件 包 的 工具 例如，Web 服务 可 以 用 来 在 一 个 安全 的 公司 网 
络 上 将 专用 工资 单 软件 连接 到 记 账 软件 。 

Web 服务 并 不 是 最 终 用 户 产品 ， 而 是 一 些 基 于 组 件 的 应 用 程序 ， 人 允许 在 不 同 环 境 中 和 不 

同类 型 的 客户 上 重用 业务 逻辑 。Web 服务 的 使 用 者 总 是 另 一 个 应 用 程序 。 


[ 3. .NET Web 服务 ~ 


Web 服务 的 Microsoft 实现 方式 用 来 使 调用 远程 Web 服务 就 像 调用 本 地 类 上 的 一 个 方法 那 
样 容易 。 为 了 实现 这 一 点 ，.NET Framework 提供 了 一 些 工具 来 隐藏 SOAP 和 WSDL 等 标准 的 
一 些 细节 。 该 过 程 的 工作 方式 如 下 所 示 ， 其 中 ， 第 1、3、5、8 步 是 手工 执行 的 步骤 。 

(1) 将 一 项 Web 服务 设计 为 一 个 .NET 类 , 其 具有 一 些 将 其 标识 为 包含 已 表述 函数 的 Web 
服务 。 

(2) .NET 自动 创建 一 个 WSDL 文档 ， 该 文档 说 明了 客户 如 何 与 Web 服务 进行 通信 。 

(3) 客户 发 现 Web 服务 并 使 用 。 客 户 将 其 作为 一 个 Visual Studio.NET 项 目的 Web 引用 来 
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添加 (或 者 运行 WSDL.exe 实用 程序 )。 
(4) .NET 自动 检查 WSDL 文档 并 生成 一 个 允许 客户 透明 地 与 Web 服务 进行 通信 的 代 
理 类 


(5) 客户 调用 Web 服务 类 的 一 个 方法 。 在 客户 看 来 ， 这 好 像 与 调用 其 他 任何 类 中 的 方法 
一 样 ， 但 事实 上 ， 客 户 正 在 与 代理 类 而 不 是 Web 服务 进行 交互 。 

(6) 在 幕后 ， 代 理 类 将 提供 的 参数 转换 为 SOAP 消息 并 将 其 发 送 给 Web 服务 。 

(7) 代理 类 在 短 时 间 内 收 到 一 个 SOAP 回复 ， 将 其 转换 为 适当 的 数据 类 型 ， 作 为 一 种 普 
通 的 .NET 数据 类 型 返回 给 客户 。 

(8) 客户 使 用 返回 的 信息 。 

.NET Web 服务 使 用 了 ASPNET 技术 ， 该 技术 是 .NET Framework 的 一 部 分 ， 并 需要 IS 
的 服务 技术 。Visual Studio NET 提供 了 许多 工具 和 一 个 复杂 的 IDE 来 简化 创建 和 运行 Web 服 
务 所 需 的 工作 。 


(ME 基础 技术 一 


要 创建 或 者 使 用 Web 服务 ， 无 须知 道 很 多 与 基础 技术 有 关 的 知识 。 但 是 ， 为 了 能 够 设计 
出 能 利用 最 佳 平台 特性 和 巧妙 地 避免 常见 错误 的 Web 服务 ， 了 解 基础 技术 知识 是 有 益 的 。 
Web 服务 使 用 不 同 开放 式 标准 的 组 合 ， 如 表 8-1 所 示 。 


表 8-1 Web 服务 技术 

技术 说 明 

WSDL ”一 种 基于 XML 的 格式 ， 描 述 了 一 项 Web 服务 ， 列 举 其 方法 、 所 有 参数 和 返回 值 所 使 用 的 数据 
类 型 以 及 通信 的 支持 方法 (或 者 绑 定 ) 

HTTP ”用 来 在 Internet 上 发 送 Web 请 求 和 响应 的 通信 协议 。 也 可 用 作 在 Web 浏览 器 中 检索 Web 页 面 的 
标准 

SOAP ”一 种 基于 XML 的 格式 , 在 Intemet 上 发 送 Web 服务 请 求 和 响应 消息 之 前 ,将 对 这 些 消息 进行 编 
码 。 例 如 ，SOAP 指定 了 应 该 如 何 表示 不 同 数据 类 型 的 值 

DISCO ”人 允许 客户 查找 Web 服务 的 可 选 Microsoft 规范 。 事 实 上 ，DISCO 文件 就 是 一 个 未 分 类 的 Web 服 
务 链 接 列 表 ， 将 被 WS-Inspection 标准 所 取代 ， 但 该 标准 还 没有 集成 到 .NET Framework 中 

UDDI ”一 个 目录 ， 人 允许 客户 查找 特定 公司 展示 的 Web 服务 。UDDI 是 最 新 Web 服务 标准 


其 中 , WSDL (Web Service Description Language，Web 服务 描述 语言 ) 是 唯一 与 NET Web 
服务 紧密 结合 的 标准 。 虽 然 建议 使 用 SOAP (Simple Object Access Protocol， 简 单 对 象 访问 协 
议 ， 与 其 他 Web 服务 开发 平台 兼容 所 必须 的 )， 但 是 也 支持 HTTP POST 和 HITP GET 传输 。 
DISCO 和 UDDI (Universal Description Discovery and Integration， 通 用 描述 、 发 现 和 集成 ) 都 
是 可 选 的 扩展 ， 可 以 使 发 布 和 发 现 Web 服务 信息 更 加 容易 ， 但 并 不 是 必须 的 。 

除了 表 8-1 中 列举 的 标准 之 外 ， 有 一 些 Web 服务 标准 还 没有 进入 NET 领域 ， 例 如 WS- 
Inspection 用 于 发 现 文档 的 规范 ， 列 出 了 几 组 Web 服务 及 其 终结 点 。WS-Inspection 是 由 
Microsoft 和 IBM 共同 开发 的 ， 将 会 代替 DISCO 成 为 NET 平台 使 用 的 本 机 发 现 机 制 ， 但 是 目 
前 .NET 版 本 仍然 使 用 DISCO 标准 。 


8.2.2 创建 Web 服务 


使 用 NET Framework 很 容易 创建 和 运行 一 个 基本 Web 服务 ， 而 不 需要 了 解 任 何 HITP、 
SOAP、WSDL 或 者 任何 形成 Web 服务 的 基础 技术 。 本 节 将 会 介绍 如 何 使 用 Visual Studio. NET 
创建 和 测试 一 些 简单 的 Web 服务 。 

打开 Visual Studio 2008， 选择 【文件 】|【 新 建 】|【 网 站 】 命 令 ,， 然后 选择 “ASPNET Web 
服务 ”选项 , 打开 如 图 8-1 所 示 的 对 话 框 , 在 【位 置 】 下 拉 列 表 框 中 选择 文件 系统 ,并 通过 【 浏 
览 】 按 钮 得 到 网 站 创建 地 址 ， 使 用 的 【语言 】 选 择 Visual C#， 然 后 单 击 【 确 定 】 按 钮 。 
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8-1 创建 Web 服务 对 话 框 


这 时 ， 在 创建 网 站 的 目录 中 ， 已 经 包含 了 一 个 Web 服务 文件 ， 该 文件 名 为 Service.asmx; 
解决 方案 资源 管理 器 默认 包含 的 文件 夹 和 文件 ， 如 图 8-2 所 示 。 


解决 方案 资源 管理 器 - 解决 方案 “T-2 (4)”(1 个 项 目 ) 区 


园 解决 方案 “7-2 (4)”( 个 项 目 ) 
昌 IAP 


日 BB App_Code 


8-2 ”解决 方案 资源 管理 器 中 自动 创建 的 文件 和 文件 夹 


解决 方案 资源 管理 器 中 自动 生成 的 Web 服务 的 名 称 为 Service。 该 服务 包含 了 两 个 文件 ， 
分 别 为 Service.asmx 和 Service.cs， 这 两 个 名 字 可 以 更 改 。 但 是 与 其 在 多 处 将 Service 更 改 为 其 
他 名 字 ， 不 如 删除 文件 Service.cs 和 Service.asmx， 再 单 击 【 网 站 】I【 添 加 新 项 】|【Web 服务 】 
命令 来 添加 一 个 自 定义 命名 的 Web 服务 。 如 图 8-3 所 示 ， 重 新 添加 一 个 名 为 Caculatorasmx 
的 Web 服务 。 

在 默认 情况 下 ,Visual Studio 2008 以 “后 台 编 码 ” 模 型 创建 Web 服务 。 在 该 模型 中 , .asmx 
文件 只 包含 一 行 ， 如 下 所 示 。 


上 国电 
Yah 窗 体 母 版 页 i TAX Yet 


图 8-3 添加 名 为 Caculatorasmx 的 Web 服务 


其 中 CodeBehind 属性 是 Visual Studio NET 的 专用 属性 ， 通 过 该 属性 将 .asmx 文件 与 相关 
的 源 代码 文件 相 匹配 。 该 属性 指定 与 Caculator.asmx 文件 匹配 的 源 代码 文件 是 Caculator.cs， 如 
代码 8.16 所 示 。 


代码 8.16 服务: Caculator.asmx 


sBs 
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return "Hello World"; 


这 些 代码 都 是 Visual Studio 2008 自动 生成 的 ， 这 与 使 用 记事 本 等 文本 编辑 器 编写 的 Web 227) 
服务 代码 略 有 不 同 ， 但 是 两 者 的 核心 内 容 一 样 。 在 该 服务 中 ， 现 在 能 够 被 使 用 的 方法 只 有 
HelloWorld() 方 法 。 由 于 已 经 被 标识 了 WebMethod 属性 ， 调 用 该 方法 后 ,将 会 返回 一 个 内 容 为 
Hello World 的 字符 串 。 

再 向 Caculator 类 中 添加 一 个 multiplyValue() 方 法 , 该 方法 有 两 个 Double 类 型 的 参数 Numl 
和 Num2， 如 代码 8.17 所 示 。 


代码 8.17 计算 两 个 双 精 度数 的 积 : multiplyValue(double Num1, double Num2) 


[WebMethod] 


public double multiplyValue (double Numl, double Num2) 
{ 


return Numl * Num2; 


} 


运行 网 站 后 ， 列 表 中 列 出 了 两 个 方法 HelloWorld0 和 mnultiplyValue0， 如 图 8-4 所 示 。 


[ECaculator Web 服务 - Windows Internet Explorer 


-~ [Mttp://locdhost: 1282/7-2/Cacol utor |4+ xX 


帘 安居 Ccacator wab 服务 


Caculator 


此 Web 服务 使 用 http://tempuri.org/ 作为 默认 命名 空间 
建议 : 公开 XML Web services 之 前 ,请 更 改 默认 命名 空间 - 


每 个 XML Web services 都 需要 一 个 叭 一 的 命名 宝 间 ,以 便 客 户 六 应 用 程序 能 名 格 它 与 Web 上 的 其 地 服务 区 
分 开 。http://tempuriorg/ 可 用 于 处 于 开发 阶段 的 XML Web services， 而 已 发 布 的 XML Web services 应 使 
用 更 为 永久 的 命名 空间 。 


应 使 用 您 控制 的 命名 空间 来 标识 XML Web services。 例 如 ,可 以 使 用 公司 的 Internet 域名 作为 命名 空间 的 一 
部 分 。 尽 管 有 许多 XML Web services 命名 空间 看 似 URL, 但 它们 不 必 指 向 Web 上 的 实际 资源 。(XML Web 
services 命名 空间 为 URI。) 


使 用 ASP.NET 他 对 XML Web services 时 ,可 以 合用 Webservice 特性 的 Namespace 尾 性 更 改 默认 命名 空 
间 。WebService 特性 适用 于 包含 XML Web services 方法 的 关 。 下 面 的 代码 实例 格 命名 空间 设置 为 
“http://microsoft.com/webservices/": 忌 


> 


ET 


图 8-4 网 站 运行 后 Caculator Web 服务 效果 


在 如 图 8-4 所 示 的 页 面 中 , 最 上 面 的 Caculator 是 Web 服务 的 名 字 , 接 下 来 是 Web 服务 中 
可 调用 的 方法 ， 单 击 multiplyValue 超 链接 ， 弹 出 效果 如 图 8-5 所 示 的 页 


设置 Numl 的 值 为 123，Num2 的 值 为 436， 单 击 【调用 】 按 钮 ， 会 出 现 如 图 8-6 所 示 的 
页 面 ， 表 示 Web 服务 已 经 创建 成 功 。 


Caculator 


multiplyValue 

测试 
车 要 使 用 HTTP POST 协议 对 丝 作 进行 测试 ， 请 单 击 “ 调 用 ”按钮 - 
小 位 


Noml: 


Num2; 


a 


SOAP 1.1 
以 下 是 SOAP 1.2 请 求 和 中 应 示例 。 所 显示 的 占 位 符 替换 为 实际 值 。 


<?xml version="1.0" encoding="utf-8" ?> 
<double xmlns="http:/ /tempuri.org/">56088</double> 


图 8-6 调用 Web 服务 后 的 结果 


8.2.3 使 用 Web 服务 


.NET 客户 应 用 程序 可 以 通过 一 个 代理 与 Web 服务 进行 通信 。 这 个 代理 只 不 过 是 从 服务 的 
WSDL 文档 创建 的 一 个 .NET 程序 集 ， 可 以 由 Visual Studio 2008 自动 创建 。 

下 面 在 上 一 节 创建 的 Web 服务 基础 上 ， 使 用 Visual Studio 2008 添加 该 服务 到 网 站 中 ， 介 
绍 如 何在 ASPNET 网 站 中 使 用 Web 服务 。 

首先 ， 使 用 Visual Studio 2008 上 一 节 创建 的 网 站 ， 然 后 ， 右 击 【解决 方案 资源 管理 器 】 
的 网 站 名 称 ， 选 择 【 添 加 Web 引用 】 弹 出 【添加 Web 引用 】 对 话 框 ， 效 果 如 图 8-7 所 示 。 

单 击 对 话 框 中 【此 解决 方案 中 的 Web 服务 】 超 链接 ， 转 入 显示 Web 服务 的 页 面 ， 效 果 如 
8-8 所 示 。 

单 击 Caculator 超 链 接 , 转 到 显示 服务 方法 页 , 并 设置 【Web 引用 名 】 为 CaculatorServices， 
效果 如 图 8-9 所 示 。 
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未 加 Web 引用 
请 定位 到 提供 Yeb 服务 的 IEL， 然后 单 击 “ 生 加 引用 ”， 环 加 位 于 该 URL 上 的 所 有 可 用 服务 


> 回放 
位 于 此 WRL 上 的 rab 服务 @) 


开始 浏览 Web 服务 


使 用 该 页 作为 查找 Web 服务 的 起 始点 。 您 可 以 单 击 下 面 的 链接 , 
或 者 在 地 址 栏 中 键入 已 知 的 TEL。 


浏览 至 : 


浏 上 的 _UDDI 
在 您 的 本 地 网 络 上 查询 DDI 服务 器 。 一 加 引用 了 ) 


图 8-7 【添加 Web 引用】 对 话 框 


詹 加 Web 引用 

请 定位 到 提供 feb 服务 的 mL， 类 后 单 击 “添加 引用 ”， 添加 位 于 该 aL 上 的 所 有 可 有 服务- 
@ 银 上 日 国 因 台 

三 四 BL: 


位 于 此 VRL 上 的 Web 服务 G) 
此 解决 方案 中 的 heb 服务 E 
有 Web 服务 。 单 击 服务 链 医 可 以 | 
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图 8-8 ”显示 Web 服务 的 页 面 


庆 加 Web 引用 


请 定位 得 供 Yeb 服务 的 VEL， 然后 单 击 “添加 引用 ”,， 淹 加 位 于 法 WL 上 的 所 有 可 用 服务 。 
BA 由 国名 
MRLOD: [http /oralhost12327T-2/racilator womr ie 


元] 位 于 此 UBL 上 的 Web 服务 G) 
Caculator i Th 


-Cacdator 
支持 下 列队 作 。 有 天正 
。 Helloworld 


。 multiplv¥alue 


此 Web 服务 使 用 http://tempuriorg/ 作为 寺 认 命名 宇 间 - 


建议 : 公开 XML Web services 之 首 ， 读 更 疏 轩 认 全 各 空间 


等 个 XML Web ssrvices 都 委 要 一 个 惟一 的 全 名 空间 ,以 全 客户 六 应 用 
香 床 能 由 插 安 与 Web 上 的 其 他 服务 区 分 开 。http>/ltempuricrg/ 可 用 
于 此 于 开发 阶段 的 XML Web services ,而 已 发 的 XML Web 
semvices 应 能 用 更 为 永久 的 命名 守 间 . 


庙 人 让 你 榨 抽 ti 内 立 空 间 宇 标记 XML_ wh <crure<- Win . 可 bi 有 国 
下 > 


图 8-9 设置 Web 引用 名 
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单 击 【添加 引用 】 按 钮 ，Web 引用 添加 成 
功 。 此 时 在 解决 方案 资源 管理 器 中 已 添加 了 
App_WebReferences 文件 夹 以 及 相应 的 子 文件 
夹 和 文件 ,【 解 决 方案 资源 管理 器 】 中 的 内 容 如 
图 8-10 所 示 。 

为 了 在 Default.aspx 页 面 中 显示 出 调 月 
Web 服务 的 结果 , 向 Default.aspx 页 面 


面 中 添加 服 
务 器 控件 ， 为 用 户 提供 交互 界面 ， 具 体内 容 如 
代码 8.18 所 示 。 


第 决 方案 资源 管 理 器 - 7:\ 
elo 


MT 


[a 解 央 方案 “7-2 (4)”( 个 项 目 ) 

了 部 ES 

Mpp_Code 
end 


pp_Dats 
S BB Mpp_YebReferences 
3 BB CaculatorServices 
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图 8-10 Web 引 


代码 8.18 ”添加 服务 器 控件 : Default.aspx 


2\ 


国信 : Caculator disconsp 


用 添加 成 功 


<asp:Label ID="Labell"” runat="server"” Text=" 数 字 1: "></asp:Label> 


<asp:TextBox ID="tbNuml" runat="server"></asp:TextBox> 
<br /> 


<asp:Label ID="Label2" runat="server" Text=" 数 字 2: "></asp:Label> 


<asp:TextBox ID="tbNum2" runat="server"></asp:TextBox> 


<br /> 

<asp:Label ID="lbResult" runat="server"></asp:Label> 
DZ/ 

<asp:Button ID="Buttonl" runat="server" OnClick="Buttonl 
算 乘积 " /> 


在 Default.aspx.cs 文件 中 ,添加 单 击 【计算 乘积 】 按 钮 的 导 
服务 显示 两 个 数字 的 乘积 ， 如 代码 8.19 所 示 。 


代码 8.19 使 用 Web 服务 显示 两 数字 的 乘积 : 


件 处 理 函 数 。 该 函数 使 


Click" Texb=" 计 


有 Web 


Default.aspx.cs 


protected void Buttonl Click(object sender, EventArgs e) 


{ 
double numl = double.Parse (tbNuml.Text.ToString()); 


double.Parse (tbNum2.Text.TosString()); 


double num2 


new Caculator (); 
ca.multiplyValue (numl, num2); 


"结果 : "+result. ToString()7 


Caculator ca 
double result 
lbResult.Text 


} 


在 代码 8.19 添加 完成 后 运行 网 站 ， 此 时 在 
Default.aspx 页 面 中 可 以 输入 两 个 数字 ,例如 123.123 和 


456.456， 单 击 【 计 算 乘 积 】 按 钮 ， 效 果 如 图 8-11 所 示 。 


8.3 ”处理 文件 


Web 服务 计算 两 数 乘 


程序 开发 人 员 经 常 需要 访问 目录 和 文件 ， 以 便 收 集 


sO 
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信息 、 对 文件 系统 进行 必要 的 更 改 。 例 如 ， 访 问 文件 系统 、 读 取 或 写 入 文件 、 移 动 或 复制 文 
件 或 浏览 文件 夹 以 便 检 查 其 中 的 所 有 文件 。 文 件 可 以 很 方便 地 用 于 在 应 用 程序 的 实例 之 间 存 
储 数 据 ， 也 可 以 用 于 在 应 用 程序 之 间 传输 数据 。ASPNET 中 可 使 用 System.IO 命名 空间 提供 
的 类 对 驱动 器 、 文 件 夹 和 文件 进行 操作 。 


8.3.1 System .lo 命名 空间 31 


.NET Framework 提供 的 System.IO 命名 空间 ， 包 含 允 许 读 写 文件 和 数据 流 的 类 型 ， 以 及 
提供 基本 文件 和 目录 支持 的 类 型 。 该 命名 空间 提供 了 基于 流 的 IO 操作 方式 , 可 以 大 大 简化 程 
序 开发 者 的 工作 , 因为 开发 人 员 可 以 通过 对 象 进行 一 系列 的 操作 , 而 不 必 关 心 IO 操作 是 和 本 
地 计算 机 中 的 文件 有 关 ， 还 是 和 网 络 中 的 数据 有 关 。 

在 .NET Framework 中 ，System.IO 命名 空间 主要 包含 基于 文件 (和 基于 内 存 ) 的 输入 输出 
(IO) 服务 的 相关 基 类 库 。 和 其 他 命名 空间 一 样 ，System.IO 定义 了 一 系列 类 、 接 口 、 枚 举 、 
结构 和 委托 。 表 8-2 列 出 了 System.IO 命名 空间 中 与 文件 管理 相关 的 类 及 其 作用 。 


表 8-2 与 文件 管理 相关 的 类 及 其 作用 


类 名 说 明 

BinaryReader 用 特定 的 编码 将 基 元 数据 类 型 读 作 二 进 制 值 

BinaryWriter 以 二 进 制 形式 将 基 元 类 型 写 入 流 ， 并 支持 用 特定 的 编码 写 入 字符 串 
BufferedStream 给 另 一 流 上 的 读 写 操作 添加 一 个 缓冲 层 。 无 法 继承 此 类 
Directory 公开 用 于 创建 、 移 动 和 枚 举目 录 和 子 目 录 的 静态 方法 
DirectoryInfo 公开 用 于 创建 、 移 动 和 枚 举目 录 和 子 目 录 的 实例 方法 
File 提供 用 于 创建 、 复 制 、 删 除 、 移 动 和 打开 文件 的 静态 方法 
FileInfo 提供 用 于 创建 、 复 制 、 删 除 、 移 动 和 打开 文件 的 实例 方法 
FileStream 既 支 持 同步 读 写 操作 ， 也 支持 异步 读 写 操作 
MemoryStream 创建 以 内 存 作 为 其 支持 存储 区 的 流 

Stream 提供 字 节 序列 的 一 般 视图 

StreamReader 以 一 种 特定 的 编码 从 字 节 流 中 读 取 字 符 

StreamWriter 以 一 种 特定 的 编码 向 流 中 写 入 字符 

StringReader 实现 从 字符 串 中 读 取 

StringWriter 实现 将 信息 写 入 字符 串 

TextReader 表示 可 读 取 连 续 字 符 系列 的 阅读 器 

TextWriter 表示 可 以 编写 一 个 有 序 字符 系列 的 编写 器 。 该 类 为 抽象 类 


表 8-2 中 包括 文件 操作 的 所 有 类 ， 其 中 File 类 公开 用 于 创建 、 复 制 、 删 除 、 移 动 和 代 开 
文件 的 静态 方法 ，FileInFo 类 提供 创建 、 赋 值 、 删 除 、 移 动 和 打开 文件 的 实例 方法 。 通 过 对 两 
个 类 的 使 用 ,开发 人 员 就 可 以 获得 文件 的 相关 信息 ， 同 样 使 用 Directory 和 DirectioryInfo 类 可 
以 获得 目录 的 相关 信息 。 


8.3.2 ”操作 驱动 器 


从 .NET 2.0 开始 , System.IO 命名 空间 提供 了 一 个 名 为 DriveInfo 的 类 , 该 类 主要 用 于 对 计 
算 机 上 的 驱动 器 进行 操作 。 和 Directory.GetLogicalDrives() 相 似 ，DriveInfo.GetDrives() 静 态 方 


法 能 获取 计算 机 上 驱动 器 的 名 字 。 然 而 和 Directory.GetLogicalDrives0 不 同 ，DriveInfo 提供 了 
许多 其 他 的 细节 〈 比 如 驱动 器 类 型 、 可 用 空间 、 卷 标 等 )。 
DriveInfo 主要 包括 如 下 几 个 与 驱动 器 有 关 的 属性 。 


Je 


AvailableFreeSpace 指示 驱动 器 上 的 可 用 空 闪 空间 量 。 
DriveFormat 获取 文件 系统 的 名 称 ， 例 如 NTFS 或 FAT32。 
DriveType 获取 驱动 器 类 型 。 

IsReady 获取 一 个 指示 驱动 器 是 否 已 准备 好 的 值 。 

Name 获取 驱动 器 的 名 称 。 

RootDirectory ”获取 驱动 器 的 根 目录 。 

TotalFreeSpace ”获取 驱动 器 上 的 空闲 空间 总 量 。 

TotalSize ”获取 驱动 器 上 存储 空间 的 总 大 小 。 

VolumeLabel 获取 或 设置 驱动 器 的 卷 标 。 


例如 , 代码 8.20 使 用 DriveInfo 类 , 列 出 了 本 机 所 有 驱动 器 的 信息 , 包括 逻辑 磁盘 的 卷 标 、 
文件 系统 类 型 、 容 量 和 可 用 容量 。 


代码 8.20 使 用 Drivelnfo 类 
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图 8-12 所 示 是 代码 8.20 的 运行 效果 ， 但 需要 先 引 入 
System.IO 命名 空间 。 


8.3.3 ”操作 文件 夹 


在 System.IO 命名 空间 中 ,提供 了 Directory 和 DirectoryInfo 
类 来 进行 文件 夹 ( 目 录 ) 管理 。 使 用 它 可 以 完成 对 文件 夹 及 其 
子 文件 夹 的 创建 、 移 动 、 浏 览 等 操作 ， 甚 至 还 可 以 定义 隐藏 文 
件 夹 和 只 读 文件 夹 。Directory 类 的 所 有 方法 都 是 静态 的 ， 因 此 
无 须 创建 对 象 即 可 调用 ， 这 些 方 法 可 以 操纵 和 查询 任何 文件 夹 
的 信息 。 es 
DirectoryInfo 有 实例 成 员 ， 因 此 必须 利用 一 个 对 象 引用 来 “| 
访问 它们 ， 还 能 更 加 有 效 地 对 一 个 文件 夹 进行 多 种 操作 。 该 类 i 
实例 化 后 ， 就 可 以 保存 文件 夹 的 创建 时 间 和 最 后 修改 时 间 等 状 
态 。 当 使 用 该 类 的 方法 时 ， 保 存 的 状态 便 可 以 提供 结果 。 

在 使 用 Directory 类 和 DirectoryInfo 类 时 ， 必 须 理解 当前 工 图 8-12 显示 驱动 器 信息 
作 目 录 〈 文 件 夹 ) 的 概念 。 在 应 用 程序 运行 时 ， 某 一 时 刻 只 能 有 一 个 当前 工作 目录 。 如 果 对 
目录 或 者 文件 使 用 相对 目录 引用 ，C# 将 会 使 用 当前 目录 作为 相对 引用 的 开始 ， 如 果 使 用 绝对 
引用 ， 则 忽略 当前 工作 目录 。 还 有 一 点 值得 注意 ， 在 C# 中 \ 是 特殊 字符 ， 如 果 表 示 它 的 话 需 要 
使 用 \。 由 于 这 种 写法 不 方便 ，C# 语 言 提供 了 @ 对 其 简化 。 只 要 在 字符 串 前 加 上 @ 即 可 直接 使 
用 \。 所 以 在 书写 路 径 时 ， 要 么 书写 \， 要 么 在 路 径 的 前 面 添加 @， 例 如 ，@"E:\shugao"。 

通过 上 面 的 讲述 ， 可 以 看 出 这 两 种 类 都 提供 了 多 种 方法 ， 用 于 对 目录 进行 操作 ， 
DirectoryInfo 类 还 提供 了 大 量 的 属性 。 下 面 列 举 一 些 常见 的 目录 操作 ， 并 以 实例 的 方式 讲解 这 
些 方 法 和 DirectoryInfo 类 的 一 些 属 性 。 


[ 巧 Exists() 方 法 


Exists() 方 法 接受 一 个 参数 ， 参 数 表 示 包 含 当前 工作 目录 的 字符 串 。 返 回 指示 目录 是 否 存 
在 的 bool 值 。 如 果 存 在 ， 返 回 tue， 和 否则 返回 false。 使 用 Delete() 方 法 删除 目录 时 ， 参 数 所 表 
示 的 目录 一 定 要 存在 ， 否 则 系统 将 抛 出 一 个 异常 。 为 避免 此 类 异常 发 生 ， 可 以 先 用 Exists() 方 
法 判断 目录 是 否 存在 代码 8.21 判断 目录 E:\shugao 是 否 存在 。 如 果 存 在 会 弹出 提示 信息 为 “该 
文件 夹 存在 。” 的 对 话 框 ， 否 则 会 弹出 提示 信息 为 “该 文件 夹 不 存在 。” 的 对 话 框 。 


代码 8.21 ”Exists() 方 法 的 使 用 


if (Directory.Exists(@"E:\shugao ")) { 
Response.Write( "<script>alert(' 该 文件 夹 存在 。 We/script>™)s 
: 
else { 
Response.Write ("<script>alert (' 该 文件 夹 不 存在 。')</script>"); 


接受 一 个 创建 目录 路 径 的 String 类 型 参数 ， 该 方法 会 根据 此 路 径 创 建新 目录 ， 并 且 该 方 
法 返回 一 个 DirectoryInfo 实例 。 如 果 创 建 的 目录 已 经 存在 ， 则 返回 代表 指定 目录 的 类 实例 ， 
不 会 创建 目录 ， 也 不 会 产生 异常 。 代 码 8.22 演示 了 如 何 创建 目录 。 


代码 8.22 ”CreatDirectory() 方 法 


DirectoryInfo 类 的 Attributes 属性 可 以 获取 或 设置 当前 目录 的 相关 属性 。 下 面 创 建 的 代码 
设置 E\shugao 目录 为 只 读 和 系统 文件 。 目录 属性 和 文件 属性 都 是 通过 FileAttributes 进行 设置 
的 ， 该 实例 主要 内 容 如 代码 8.23 所 示 。 


代码 8.23 ”设置 目录 属性 


该 方法 用 于 删除 指定 目录 ， 该 方法 为 一 个 重 载 方 法 ， 可 以 接受 一 个 参数 或 者 两 个 参数 。 
当 方法 接受 一 个 参数 时 ， 该 参数 为 指定 目录 的 路 径 ， 只 能 删除 指定 的 空 目录 ， 如 果 目 录 不 为 
空 ， 系 统 会 抛 出 异常 。 当 该 方法 接受 两 个 参数 时 ， 第 二 个 参数 为 bool 值 ， 如 果 为 tue， 则 可 
以 删除 非 空 目录 。 代 码 8.24 演示 了 该 方法 的 使 用 。 


代码 8.24 ”Delete() 方 法 删除 目录 


该 段 代 码 将 会 删除 目录 以 及 目录 中 的 所 有 子 目 录 和 文件 。 在 删除 目录 时 要 谨慎 ， 因 为 在 
删除 目录 时 系统 不 会 向 用 户 提供 任何 确认 信息 ， 而 且 一 旦 删除 就 无 法 恢复 。 这 样 用 户 很 有 可 
能 把 一 些 有 用 的 目录 也 给 删 掉 。 此 时 希望 了 解 所 要 删除 目录 的 一 些 信息 ， 比 如 它 是 否 存在 子 
目录 或 者 文件 ， 既 该 目录 是 否 为 空 。 


Move() 方 法 接受 两 个 参数 ， 用 于 把 已 有 的 目录 移动 到 另 一 个 目录 。 该 方法 具有 两 个 参数 ， 
第 一 个 参数 为 源 目录 ， 第 二 个 参数 为 目标 目录 。Move0 方 法 也 可 以 用 来 重 命名 目录 ， 可 以 使 
用 相对 目录 引用 和 绝对 目录 引用 ， 但 是 不 能 把 目录 在 不 同 的 逻辑 驱动 器 之 间 移 动 。 代 码 8.25 
演示 了 如 何 使 用 Move0 方 法 移动 目录 。 
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代码 8.25 ”Move() 方 法 移动 目录 


Directory.Move (@"E:\shugao ", @" D:\book "™); 


Directory.Move (@"E:\shugao ", @" E:\book "); 


代码 展示 了 使 用 Move0 方 法 移动 目录 和 重 命 名 目录 。 第 一 行 代 码 把 目录 E:\shugao 及 其 子 
目录 和 文件 移动 到 目录 D:\book， 不 修改 目录 名 。 第 二 行 代码 把 目录 E:\shugao 重 命名 为 235) 
E:\book。 


和 6. GetFiles() 方 法 ) 


重 载 的 GetFiles0 方 法 具有 两 种 形式 ， 一 个 参数 或 两 个 参数 。 如 果 方 法 采用 一 个 参数 时 ， 
该 参数 表示 目录 名 。 如 果 方 法 采用 两 个 参数 时 ， 第 一 个 参数 表示 目录 名 ， 第 二 个 参数 表示 与 


第 一 个 参数 所 包含 的 文件 匹配 的 文 伯 名， 如果 存在 就 返回 所 匹配 文件 的 绝对 目录 ， 否 则 不 返 
回 任何 信息 。 

使 用 GetFiles() 方 法 可 以 返回 目录 所 包含 的 文件 名 ， 代 码 8.26 返回 绝对 目录 项 目 文件 夹 
images 所 包含 的 文件 名 。 


代码 8.26 ”GetFiles() 方 法 显示 目录 所 包含 的 文件 


protected void Page Load(object sender, EventArgs e) { 
string pathString = Server.MapPath ("images"); 
if (Directory.Exists(pathstring)) { 
string[] fileName = Directory.GetFiles (pathstring); 
Response.Write("<h3>images 文件 列表 </h3>"); 
for (int i = 0; i < fileName.Count(); i++) { 
Response.Write (fileName[i] + "<br/>"); 


} 
编写 完 代码 8.26， 运 行程 序 ， 页 面 效果 如 图 8-13 所 示 。 


(SGetFiles - Windows Internet Explorer 
~ 加 http://localhost:1912, | ss| | x 
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7. GetDireolores0 广 法 


重 载 的 GetDirectories() 方 法 接受 一 个 或 两 个 参数 , 在 两 个 重 载 的 方法 中 , 第 一 个 参数 表示 
指定 目录 路 径 。 如 果 带 一 个 参数 ， 方 法 返回 参数 所 表示 目录 的 子 目录 。 在 接受 两 个 参数 的 方 
法 中 ， 第 二 个 参数 表示 与 第 一 个 参数 所 表示 目录 的 子 目 录 匹 配 的 目录 名 ， 如 果 存 在 就 返回 所 
匹配 目录 的 绝对 目录 ， 和 否则 不 返回 任何 信息 。 使 用 GetDirectories() 方 法 返回 目录 的 子 目录 名 。 
代码 8.27 返回 绝对 目录 C:\Program Files。 


代码 8.27 ”GetDirectories() 方 法 返回 子 目录 


GetiogealDrves0 法 


口 GetCreationTime0 方 法 ”该 方法 能 够 接受 一 个 参数 ， 该 参数 为 包含 目录 的 字符 囊 。 该 
方法 返回 一 个 日 期 时 间 型 数值 ， 该 时 间 表 示 该 目录 创建 的 时 间 和 日 期 。 

口 GetLastAccessTime0 方 法 ”该 方法 接受 一 个 参数 ， 该 参数 表示 文件 的 路 径 。 该 方法 返 
回 一 个 日 期 时 间 型 数值 ， 该 数值 表示 最 后 一 次 访问 参数 指定 文件 的 时 间 和 日 期 。 

口 GetLastWriteTime0 方 法 ”该 方法 接受 一 个 参数 ， 即 指定 路 径 的 目录 。 该 方法 同样 也 
返回 一 个 时 间 ， 该 时 间 表 示 用 户 最 后 一 次 修改 该 目录 的 时 间 。 

口 GetLogicalDrives0 方 法 ”该 方法 不 接受 任何 参数 ， 返回 一 个 包含 系统 上 安装 的 逻辑 驱 
动 器 的 字符 囊 数 组 。 这些 了 驱动器 包括 硬盘 、CD-ROM 和 其 他 磁盘 ( 如 移动 硬盘 )。 代 
码 8.28 演示 了 这 4 个 方法 的 使 用 ， 在 页 面 Page Load 事件 中 编写 如 下 代码 。 


代码 8.28 ”获取 目录 信息 及 驱动 器 信息 


此 时 ,该 实例 成 劲 尖 成 > 运行 程序 :页 而 区 条 如 图 3 14 所 不。 


图 8-14 ”页面 效果 图 


8.3.4 操作 文件 


File 类 的 操作 方式 与 Directory 类 相似 ， 它 具有 用 来 创建 、 删 除 、 移 动 和 打开 文件 等 静态 

方法 ， 如 下 所 示 。 

口 Create0 方 法 ”该 方法 为 重 载 方法 ， 接 受 一 个 或 两 个 参数 。 该 方法 创建 一 个 新 的 文件 ， 
返回 FileStream 类 实例 。 重 载 方法 中 ， 第 一 个 参数 表示 要 创建 的 文件 的 目录 及 文件 名 ; 
第 二 个 参数 是 一 个 整 型 参数 ， 表 示 用 于 读 取 和 写 入 文件 的 已 放 入 缓冲 区 的 字 节 数 。 如 
果 文 件 已 经 存在 ， 将 会 被 重 写 ，C# 不 会 产生 异常 。 因 此 ， 要 想 防 止 文件 被 意外 重 写 ， 
可 以 首先 调用 Exists() 方 法 来 确保 文件 不 存在 。 

口 Copy0 方 法 ”该 方法 为 重 载 方法 并 接受 两 个 或 3 个 参数 。 该 方法 把 源 文件 复制 到 目标 
文件 ， 可 以 使 用 绝对 目录 和 相对 目录 引用 。 重 载 方法 中 ， 第 一 个 参数 表示 源 文件 ， 第 
二 个 参数 表示 目标 文件 。 第 二 种 方法 有 3 个 参数 ， 第 3 个 参数 为 一 个 bool 型 参数 ， 为 
true 时 可 以 改写 目标 文件 ， 为 false 时 不 能 改写 目标 文件 。 


第 2 篇 ASP.NET 编程 篇 


口 Delete0 方 法 ”该 方法 用 于 删除 文件 ,可 以 使 用 绝对 目录 和 相对 目录 引用 。 该 方法 接受 
一 个 参数 ， 表 示 要 删除 的 文件 的 目录 及 文件 名 。 

口 Exists( 方 法 ”该 方法 具有 一 个 参数 , 该 参数 表示 文件 名 . 方法 返回 bool 值 表示 文件 是 
否 存在 ， 为 true 时 表示 文件 存在 ， 为 false 时 表示 不 存在 。 

口 Move0 方 法 ”该 方法 把 源 文件 移动 到 目标 文件 。 可 以 使 用 该 方法 重 命名 文件 ， 方 法 是 
使 用 不 同 的 文件 名 ， 而 源 文件 和 目标 文件 的 目录 相同 。 该 方法 允许 把 文件 从 一 个 逻辑 
驱动 器 移动 到 另 一 个 逻辑 驱动 器 。 该 方法 接受 两 个 参数 ， 第 一 个 参数 表示 源 文件 ， 第 
二 个 参数 表示 目标 文件 。 

口 每 一 个 文件 都 具有 属性 。 属 性 定义 了 文件 的 特征 ， 如 是 否 为 隐藏 文件 、 只 读 文 件 等 。 
GetAttributes() 和 SetAttributes() 方 法 分 别 用 于 获取 和 设置 文件 属性 . GetAttributes() 方 法 
接受 一 个 参数 ， 表 示 文 件 目录 及 文件 名 。SetAttributes 方法 接受 两 个 参数 ， 第 一 个 表 
示 文 件 目录 及 其 文件 名 ， 第 二 个 参数 表示 属性 。 

口 GetCreationTime0 、GetLastAccessTime0 和 GetLastWriteTime0 方 法 ”这些 方法 分 别 
用 于 获取 创建 文件 的 日 期 和 时 间 、 最 近 一 次 访问 文件 的 时 间 以 及 最 近 一 次 写 入 文件 的 
时 间 。 这 3 个 方法 都 接受 一 个 参数 ， 参 数 表示 文件 的 目录 及 文件 名 。 

介绍 了 File 类 的 方法 ， 下 面 就 介绍 一 下 如 何 使 用 File 类 的 方法 。 代 码 8.29 演示 了 创建 、 

复制 、 移 动 和 删除 文件 等 操作 。 


代码 8.29 使 用 File 类 的 方法 


File.Create("E:\\C#\\file.txt"); // 创 建文 件 
File.Copy ("E:\\C#\\file.txt","E:\\C#\\fileinfo.txt"); // 复 制 文件 
File.Move("E:\\C#\\file.txt","E:\\C#\\File\\file.txt"); // 移 动 文件 
File.Move("E:\\C#\\file.txt","E:\\C#\\File.txt"); // 重 命名 文件 
File.Delete ("file.txt"); // 删 除 文件 


第 一 行 代码 使 用 绝对 目录 引用 在 E:\C# 中 创建 文件 file.txt。 第 2 行 、 第 3 行 和 第 4 行 代码 
分 别 使 用 绝对 目录 引用 复制 、 移 动 和 重 命名 文件 。 最 后 一 行 代码 从 当前 工作 目录 中 删除 文件 


file.txt。 
8.3.5” 读 写 文件 


在 了 解 了 System.IO 命名 空间 中 对 驱动 器 、 文件 夹 和 文件 的 操作 后 ， 本 节 将 介绍 如 何 对 文 
件 进行 读 取 和 写 入 操作 。 这 主要 是 使 用 了 System.IO 中 的 StreamReader 和 StreamWriter 类 。 


门生 读 取 文件 一 


读 取 文件 可 以 使 用 StreamRader 类 来 轻松 完成 ， 该 类 可 以 处 理 任 何 流 信 息 。StreamReader 
旨 在 以 一 种 特定 的 编码 从 字 节 流 中 读 取 字 符 ， 它 的 主要 方法 如 下 : 

口 Close0 方 法 ”该 方法 关闭 与 StreamReader 实例 相关 的 文件 。 文件 读 取 之 后 应 该 显 式 

口 Read0 方 法 ”该 方法 返回 一 个 整数 并 提升 字符 的 位 置 ， 如 果 没 有 可 用 字符 则 返回 -1。 


ReadLine0 方 法 ”该 方法 返回 文件 中 的 下 一 行 ， 或 者 如 果 到 达 了 文件 的 末尾 ， 则 为 空 
引用 。 
ReadToFEnd0 方 法 ”该 方法 返回 从 文件 的 当前 位 置 到 文件 结尾 的 字符 串 。 如 果 当 前 位 
置 为 文件 头 ， 则 读 取 整 个 文件 。 
口 Peek0 方 法 ”该 方法 返回 文件 的 下 一 个 字符 ， 但 并 不 使 用 它 。 如 果 没 有 可 用 的 字符 或 
者 文件 不 支持 查找 ， 则 返回 -1。 
使 用 StreamReader 类 的 步骤 为 : 先 声明 一 个 StreamReader 类 的 对 象 。 构 造 函 数 声明 了 文 
件 和 可 选 路 径 。 这 一 步 将 打开 文件 ， 这 时 可 以 从 文件 中 读 取 数 据 。 然 后 调用 StreamReader 类 
的 方法 读 取 数 据 。 最 后 完成 后 调用 StreamReader 类 的 Close 方法 关闭 流 。 代 码 8.30 创建 一 个 
StreamReader 类 读 取 文 件 的 实例 ， 来 具体 讲解 该 类 如 何 读 取 文 件 。 该 实例 比较 简单 ， 具 体 代 
码 如 下 所 示 。 


代码 8.30 ”从 文件 中 读 取 数据 


在 代码 8.30 中 ， 有 一 点 要 说 明 ， 如 果 不 为 StreamReader0 添 加 第 二 个 参数 ， 当 读 取 的 时 候 
会 出 现 乱 码 ， 这 是 由 字符 集 的 差异 造成 的 。.NET 默认 用 UTF-8 字符 集 ， 而 系统 中 的 文本 文件 
一 般 用 的 是 ANSI 字符 集 。 

使 用 实例 中 的 方法 实例 化 SteamReader 类 ,就 可 以 避免 乱码 出 现 , 这 样 实例 化 SteamReader 
实际 上 就 是 选择 StreamReader 默认 的 字符 集 ， 而 不 是 用 UTF-8。 这 样 打 开 的 文件 就 不 会 出 现 
乱码 。 当 然 ， 如 果 文本 文件 使 用 UTF-8 字符 集 ， 那 么 开发 人 员 就 不 必 指 定 字符 集 。 至 此 ， 该 
实例 开发 完成 ， 运 行程 序 ， 页 面 效 果 如 图 8-15 所 示 。 
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图 8-15 显示 从 文件 中 读 取 的 数据 


一 般 情 况 下 ， 向 文件 中 写 入 内 容 都 是 由 StreamWiriter 类 进行 操作 ，StreamWriter 类 以 一 种 
特定 的 编码 向 字 节 流 中 写 入 字符 。 与 SteamReader 类 相同 ，StreamWriter 类 也 具有 多 个 常用 的 
公共 方法 和 属性 ， 它 们 分 别 如 下 所 示 。 

口 Close0 方 法 ”该 方法 关闭 与 StteamWriter 实例 相关 的 文件 。 在 写 入 文件 之 后 应 该 显 式 

关闭 文件 以 防止 数据 丢失 。 

口 Write0 方 法 ”该 方法 将 字符 囊 写 入 文件 。 

口 WriteLine0 方 法 ”该 方法 向 文件 写 入 一 行 字符 ， 也 就 是 说 在 文件 中 写 入 字符 囊 并 

换行 。 

口 Flush0 方 法 ”该 方法 清理 当前 编写 器 的 所 有 缓冲 区 ， 并 将 缓冲 区 数据 写 入 文件 。 

口 AutoFlush 属性 ”获取 或 设置 一 个 值 ， 该 值 指示 StreamWriter 是 否 在 每 次 调用 Stream 


Writer Write 之后， 将 其 缓冲 区 刷新 到 基础 流 。 


口 BaseStream 属性 ”获取 同 后 备 存储 区 连接 的 基础 流 。 

口 Encoding 属性 ”获取 将 输出 写 入 到 其 中 的 Encoding。 

口 FormatProvider 属性 ”获取 控制 格式 设置 的 对 象 。 

口 NewLine 属性 获取 或 设置 由 当前 TextWriter 使 用 的 行 结束 符 字符 囊 。 

下 面 创建 一 个 写 入 文本 的 实例 ， 展 示 StreamWriter 类 实例 化 后 方法 的 使 用 。 创 建 一 个 偶 
ASPNET Web 应 用 程序 ， 在 Page_Load() 方 法 中 添加 代码 ， 这 里 以 前 面 读 取 文 件 为 基础 ， 为 该 
文件 添加 新 内 容 ， 如 代码 8.31 所 示 。 


代码 8.31 写 入 文本 


代码 8.31 展示 了 在 文件 中 追加 数据 的 方法 。 该 实例 首先 初始 化 一 个 SteamWsriter 类 对 象 
swriter， 然 后 调用 StreamWriter 类 中 的 方法 WriteLine0 向 文件 中 追加 数据 ， 最 后 调用 
StreamWriter 类 的 Close() 方 法 关闭 文件 。 然 后 运行 代码 ， 页 面 效 果 如 图 8-16 所 示 。 

该 实例 实现 了 添加 文件 内 容 ， 被 添加 的 内 容 被 追加 在 原来 文件 内 容 的 后 面 。 如 果 将 代码 
8.31 中 创建 的 StreamWriter 类 中 的 方法 true 改 为 false， 新 添加 的 内 容 就 会 覆盖 原来 文件 中 的 
内 容 ， 更 改 后 的 效果 如 图 8-17 所 示 。 
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图 8-16 文件 追加 数据 后 效果 图 8-17 页 面 效果 图 
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使 有 组件 


第 -/ 章 


元 内 容 摘要 | 

在 Flex Builder 3 中 ， 组 件 主要 包括 其 内 置 的 可 视 化 组 件 ， 如 按钮 、 文 本 框 等 。 使 用 这 些 
组 件 可 以 加 快 应 用 开发 的 速度 。 另 外 ， 还 可 以 利用 Flex 提供 的 扩展 功能 ， 定 制 个 性 化 的 界面 。 
本 章 将 详细 介绍 Flex Builder 3 中 提供 的 各 种 Flex 常用 组 件 和 导航 类 组 件 ， 并 通过 实例 来 演示 
这 些 组 件 的 具体 应 用 ， 为 基于 组 件 的 应 用 开发 打下 基础 。 

学 习 目标 |oujecave 
了 解 Flex 组件 
掌握 各 种 常用 组 件 的 属性 及 事件 
熟悉 使 用 Flex 常用 组 件 设计 界面 
掌握 各 种 导航 类 组 件 的 使 用 
掌握 导航 类 组 件 设计 界面 的 方法 


9.1 ”Flex 组 件 概 述 


Vv 


vy 


wy 


Flex 应 用 程序 的 界面 通常 由 各 种 各 样 的 组 件 来 构建 。 例 如 一 个 登录 框 应 用 程序 包括 了 标 
签 组 件 、 输 入 框 组 件 、 按 钮 组 件 等 。 不 同 的 组 件 具 有 特定 的 功能 ， 如 按钮 组 件 的 单 击 动作 和 
双击 动作 。 用 户 可 以 选择 不 同 的 组 件 来 满足 应 用 程序 的 要 求 。 

组 件 是 能 够 完成 某 种 功能 并 且 向 外 提供 若干 个 使 用 这 种 功能 的 接口 的 可 重用 代码 集 ， 表 
现形 式 为 常见 的 库 和 包 。 组 件 将 一 些 类 和 接口 组 织 起 来 ， 对 外 暴露 一 个 或 多 个 接口 ， 供 外 界 
调用 。 

组 件 可 以 将 应 用 程序 的 前 台 设 计 过 程 和 后 台 编码 过 程 分 开 。 通 过 使 用 组 件 ， 开 发 人 员 可 
以 将 常用 功能 封装 到 组 件 中 ， 而 设计 人 员 可 以 通过 更 改组 件 的 参数 来 自 定义 组 件 的 大 小 、 位 
置 和 行为 。 通 过 编辑 组 件 的 图 形 元 素 或 外 观 ， 还 可 以 更 改组 件 的 外 观 。 

在 Flex Builder 3 中 ， 可 以 将 所 有 的 组 件 按照 功能 划分 为 以 下 4 类 。 

口 常用 控制 组 件 在 FlexBuilder3 中 , 常用 控制 组 件 包含 了 程序 开发 过 程 中 大 部 分 表单 

元 件 ， 如 Button 组 件 、Image 组 件 等 。 
口 导航 类 组 件 在 FlexBuilder 3 中 ， 寻 航 类 组 件 完成 对 程序 开发 的 导航 功能 ， 如 Menu- 
Bar 组 件 、TabBar 组 件 等 。 


口 布局 组 件 在 设计 程序 界面 时 ,为 了 界面 的 美观 ， 需 要 
对 界面 进行 合理 的 布局 。 在 Flex Builder 3 中 提供 了 这 |， 
样 一 组 布局 组 件 ， 可 以 帮助 用 户 完 成 界面 的 布局 ， 如 | EPE 


Panel 组 件 、Form 组 件 等 。 昌 Ge 
口 图 表 类 组 件 在 Flex Builder 3 中 使 用 自 带 的 图 表 类 组 二 
件 可 以 创建 许多 不 同类 型 的 图 表 , 以 更 直观 的 方式 展现 ee 
数据 CT 
Flex Builder 3 中 的 所 有 组 件 都 位 于 Components 窗 格 中 ， CS 
并 按照 其 功能 划分 成 为 4 个 不 同 的 类 型 。 展 开 某 类 型 节点 ， 就 


可 以 看 到 该 类 型 下 的 所 有 可 用 组 件 ， 如 图 9-1 所 示 。 汪汪 


9.2 Flex 常用 组 件 


在 前 面 的 内 容 中 已 经 和 部 分 组 件 打 过 交道 ， 如 Label、Button 组 件 等 。 从 功能 和 外 观 上 来 
看 ， 这 些 组 件 和 Flash CS3 或 者 更 高 版 本 中 的 同名 组 件 并 没有 太 大 差异 。 即 使 读者 没有 Flash 
的 开发 经 验 ， 也 完全 不 用 担心 ， 在 Flex 中 组 件 的 操作 非常 简单 。 本 节 将 首先 介绍 Flex 中 一 些 
常用 组 件 的 具体 应 用 。 


9.2.1 文本 组 件 


文字 处 理 是 程序 中 必 不 可 缺 的 部 分 。 在 Flex Builder 3 中 提供 了 一 系列 的 文本 组 件 ， 包 括 
Text 组 件 、TextInput 组 件 、TextArea 组 件 和 RichTextEditor 组 件 。 其 中 在 前 面 反 复出 现 的 Label 
组 件 也 属于 文本 组 件 ， 它 与 Text 组 件 功 能 非常 相似 。 下 面 将 分 别 介 绍 这 几 种 组 件 的 属性 和 
应 用 。 


Label 组 件 通常 用 于 提供 其 他 组 件 的 描述 性 文字 ， 或 是 显示 静态 文本 。 例 如 ， 可 以 使 用 
Label 为 TextInput 组 件 添加 描述 性 文字 ， 以 便 将 组 件 中 所 需要 输入 的 数据 内 容 通知 给 用 户 。 

Label 组 件 在 页 面 上 不 可 以 接受 焦点 , Label 组 件 有 几 个 比较 常用 的 属性 , id、 text 和 visible 
属性 。id 属性 唯一 标识 该 Label 组 件 ，text 属性 表示 在 该 组 件 上 的 显示 文字 ，visible 属性 表示 
该 组 件 的 可 见 性 。 

除了 上 述 的 属性 外 , Label 组 件 还 可 以 通过 设置 其 他 属性 , 如 改变 显示 文本 的 字体 、 颜色 、 
对 齐 方 式 等 。 例 如 下 面 的 代码 ， 就 设置 字体 大 小 为 16， 字体 颜色 为 #C1391A， 并 且 居 中 对 齐 。 


在 Flex Builder 3 中 , Text 组 件 的 功能 与 Label 组 件 非常 接近 , 其 属性 和 Label 组 件 的 属性 


也 完全 相似 。 这 里 就 不 再 重复 。 


TextInput 组 件 用 于 接受 用 户 的 输入 文本 , 与 ASPNET 中 的 TextBox 组 件 功能 相似 。 表 9-1 
中 列 出 了 TextInput 组 件 的 常用 属性 。 


表 9-1 TextInput 组 件 的 常用 属性 


id 标识 唯一 的 TextInput 组 件 

text TextInput 组 件 的 显示 文本 

maxChars TextInput 组 件 可 输入 的 最 大 字符 数 
displayAsPassword 以 密码 形式 显示 用 户 输入 的 文本 
editable 表示 是 否 可 对 该 组 件 的 文本 进行 编辑 
enabled 表示 该 组 件 是 否 可 用 

visible 表示 该 组 件 是 否 在 页 面 中 显示 
htmlText 以 HIML 编码 形式 显示 文本 内 容 


和 Label 组 件 一 样 ，TextInput 组 件 也 可 以 通过 其 他 属性 设置 其 显示 样式 ， 如 文本 大 小 、 
字体 颜色 等 。 例 如 下 面 一 段 代码 就 定义 了 一 个 TextInput 组 件 。 


除了 使 用 属性 外 ，Flex 还 为 TextInput 组 件 提供 一 系列 的 事件 ， 其 中 比较 常用 的 事件 有 : 
change 事件 、click 事件 、focusIn 事件 和 focusOut 事件 。change 事件 当 TextInput 组 件 中 的 文 
本 发 生 改变 时 被 调用 ，click 事件 当 用 户 单 击 TextInput 组 件 时 被 调用 ，focusIn 事件 和 focusOnut 
事件 分 别 当 TextInput 组 件 获 取 和 失去 焦点 时 被 调用 。 下 面 来 创建 一 个 简单 的 实例 ， 具 体 演示 
这 几 种 事件 的 作用 ， 如 代码 9.1 所 示 。 


代码 9.1 使 用 Textinput 组 件 


在 代码 9.1 中 ， 创 建 了 一 个 简单 的 注册 界面 ， 并 且 初 始 3 个 Label 组 件 的 Text 属性 为 空 ， 
当 两 个 文本 框 获得 焦点 时 ， 调 用 focusIn 事件 ， 显 示 相 应 的 提示 信息 。 设 置 第 二 个 文本 框 的 
displayAsPassword 属性 为 tue， 以 密码 形式 显示 文本 ， 当 文本 框 中 的 文字 改变 时 ， 调 用 change 
事件 ， 显 示 用 户 输入 的 密码 ， 如 图 9-2 所 示 。 最 后 设置 当 第 二 个 文本 框 失去 焦点 时 ， 调 用 函数 
show0， 显 示 注 册 信息 ， 如 图 9-3 所 示 。 
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9-3 ”显示 注册 信息 
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在 页 面 中 ,用 户 可 以 使 用 TextArea 组 件 来 输入 多 行文 本 。TextArea 组 件 的 属性 与 TextInput 
组 件 的 属性 相似 .除了 表 9-1 列 出 的 那些 属性 外 ,TextArea 组 件 还 有 一 个 常用 的 属性 wordWrap。 
该 属性 提示 用 户 在 输入 的 文本 超出 文本 框 的 宽度 范围 时 是 否 自动 换行 , 默认 选择 true, 即 超出 
范围 自动 换行 ， 如 果 用 户 设 置 该 属性 为 false， 则 不 会 自动 换行 。 

TextArea 组 件 的 事件 与 TextInput 组 件 的 事件 完全 相似 ， 也 可 以 在 文字 发 生 改变 时 或 者 获 
得 、 失 去 焦点 时 触发 事件 ， 这 里 不 再 重复 。 


在 Flex Builder 3 中 提供 了 一 个 功能 强大 的 文本 组 件 RichTextEditor， 该 组 件 实现 了 HTMI 
标签 的 所 有 功能 。RichTextEditor 组 件 是 一 个 集成 了 文本 处 理 功 能 的 Panel 组 件 ， 主 要 包含 两 
部 分 : 一 个 TextArea 文本 区 和 一 个 控制 文字 格式 的 容器 。 

在 控制 文字 格式 的 容器 中 ， 又 包含 了 其 他 的 组 件 ， 如 用 于 选择 字体 的 下 拉 菜单 、 选 择 文 
本 颜色 的 ColorPicker、 选 择 文本 对 齐 方式 的 ToggleButtonBar 组 件 等 。 

下 面 就 创建 了 一 个 简单 的 实例 ,在 该 实例 中 ， 展 示 了 RichTextEditor 组 件 的 一 些 特性 ， 具 
体内 容 如 代码 9.2 所 示 。 


代码 9.2 使 用 RichTextEditor 组件 


Os 


使 用 组 件 


<mX:HBOX> 
<mx:Button label="Show Plain Text" click="rteText.text=rte.text;"/> 
<mx:Button label="Show HTML Markup" click="rteText.text=rte.html 
Text;"/> 

</mx:HBox> 


</mzx:Application> 


运行 效果 如 图 9-4 所 示 。 a9) 
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图 9-4 使 用 RichTextEditor 组 件 


选择 文本 框 中 的 部 分 文字 ， 改 变 颜 色 、 大 小 和 对 齐 方式 等 。 单 击 下 面 两 个 按钮 ， 就 可 以 
查看 RichTextEditor 组 件 中 的 文本 和 HTML 代码 。 

利用 RichTextEditor 组 件 ， 就 不 需要 手动 写 HTML 代码 ， 可 以 利用 它 实现 效果 后 ， 直 接 
将 代码 复制 到 想 用 的 地 方 ， 非 常 方便 。 


9.2.2 CheckBox 和 RadioButton 组 件 


CheckBox 和 RadioButton 组 件 是 在 应 用 程序 中 经 常用 到 的 组 件 ， 可 以 用 这 两 种 类 型 的 组 
件 将 复 选 框 和 单 选 按钮 添加 到 页 面 上 。 


C 1. CheckBox 组 件 ) 


CheckBox 组 件 提供 了 一 组 可 供用 户 选择 的 选项 ， 根 据 用 户 的 选择 获取 相对 应 的 信息 。 该 
组 件 的 属性 如 表 9-2 所 示 。 


表 9-2 CheckBox 组 件 的 属性 


属性 说 明 

id 唯一 标识 一 个 CheckBox 组 件 

label CheckBox 组 件 显示 的 文本 

labelPlacement 可 以 通过 设置 labelPlacement 的 top、bottom、left 和 right 参数 来 实现 想 要 


的 标签 显示 效果 


selected CheckBox 组 件 是 否 被 选择 

styleName CheckBox 组 件 的 样式 名 称 

visible 表示 该 CheckBox 组 件 是 否 可 见 
enabled 表示 该 CheckBox 组 件 是 否 可 用 
includeInlayout 指定 此 组 件 是 否 包含 在 父 容器 的 布局 中 


在 Flex Builder 3 中 为 CheckBox 组 件 定义 了 一 系列 的 事件 ， 其 中 最 常用 的 事件 是 click 事 
件 ， 当 用 户 单 击 选择 该 复 选 框 内 容 时 被 调用 。 下 面 创建 了 一 个 简单 的 实例 ， 演 示 了 Flex 中 
CheckBox 组 件 的 具体 应 用 ， 如 代码 9.3 所 示 。 


代码 9.3 使 用 CheckBox 组 件 


在 代码 9.3 中 , 提供 了 3 个 CheckBox 组 件 ， 供 用 户 选择 自己 的 爱好 , 并且 设置 CheckBox 


图 9-5 使 用 CheckBox 组 件 


RadioButton 组 件 有 一 些 常 用 的 属性 ， 可 以 得 到 RadioButton 文本 、 是 否 选中 等 信息 ， 该 
组 件 的 一 些 属性 和 CheckBox 组 件 相 同 ， 这 里 就 不 再 说 明 。 除 此 之 外 ，RadioButton 组 件 有 一 
个 特殊 的 属性 GroupName， 该 属性 获取 或 者 设置 单 选 按钮 所 属 的 组 名 。 

在 实际 的 开发 应 用 中 ， 可 以 向 页 面 添加 单个 RadioButton 组 件 ， 并 单独 使 用 这 个 组 件 。 但 
是 单 选 按钮 很 少 单独 使 用 ， 而 是 进行 分 组 以 提供 一 组 互 斥 的 选项 。 在 一 个 组 内 ， 每 次 只 能 选 
择 一 个 单 选 按钮 。 


在 Flex 中 ， 用 户 还 可 以 使 用 RadioButtonGroup 组 件 创 建 一 组 单 选 按钮 ， 其 功能 和 多 个 
RadioButton 按钮 完全 相似 。 下 面 就 创建 使 用 RadioButton 组 件 和 RadioButtonGroup 组 件 的 实 
例 ， 如 代码 9.4 所 示 。 


代码 9.4 使 用 RadioButton 和 RadioButtonGroup 组 件 


Os 


使 用 组 件 


<mx:RadioButton label="53" groupName="radiogroupl"/> 
<mx:Button label=" 提 交管 案 " click="show(}™/> 
</mx:Panel> 
</mx:Application> 


在 代码 9.4 中 ,分 别 使 用 RadioButton 组 件 和 RadioButtonGroup 组 件 ,并 在 处 理 函 数 show() 
中 使 用 流程 控制 语句 对 用 户 选 择 结果 进行 判断 并 处 理 ， 具 体 效 果 如 图 9-6 所 示 。 


史上 第 儿 届 肉 运 会 ? 


图 9-6 使 用 RadioButton 和 RadioButtonGroup 组 件 


9.2.3 ComboBox 和 List 组 件 


不 管 是 在 网 页 上 ， 还 是 在 桌面 应 用 程序 中 ， 随 处 可 见 ComboBox 和 List 组 件 。 这 两 个 组 
件 的 功能 很 相似 ， 都 用 于 提供 选择 界面 ， 只 是 表现 形式 略 有 差异 。ComboBox 组 件 是 弹出 式 的 
下 拉 列 表 ，List 则 把 数据 元 素 直接 显示 出 来 。 


C 1. ComboBox 组 件 | 


LU 


使 用 ComboBox 组 件 最 重要 的 一 个 属性 就 是 dataprovider。 该 属性 定义 了 ComboBox 组 件 
的 下 拉 列 表 。 在 实际 应 用 中 ， 通 常会 定义 一 个 数组 ， 来 存放 下 拉 菜 单列 表 项 ， 然 后 设置 该 
ComboBox 组 件 的 dataprovider 属性 为 该 数组 ， 获 取 具 体内 容 。 

使 用 ComboBox 时 ， 还 需要 重点 理解 DropdownEvent 事件 。 在 列表 被 弹出 或 者 收 
会 分 别 派发 DropdownEvent 对 象 的 open 事件 和 close 事件 。 

下 面 创建 了 一 个 使 用 ComboBox 组 件 的 简单 实例 。 实 例 插入 了 一 个 ComboBox 组 件 和 几 
个 Label 组 件 ， 再 显示 用 户 选择 的 结果 ， 如 代码 9.5 所 示 。 


代码 9.5 使 用 ComboBox 组 件 


互 


时 ， 


<?xml version="1.0"?> 


在 代码 9.5 中 , 首先 声明 了 变量 selectedItem, 然后 设置 close 事件 , 获取 用 户 的 选择 内 容 ， 
并 在 Label 组 件 上 显示 出 来 。 具 体 效果 如 医 示 
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图 9-7 使 用 ComboBox 组 件 


List 组 件 和 ComboBox 组 件 功 能 相似 , 但 具有 本 质 区 别 。 事实 上 , List 组 件 的 功能 更 强大 ， 
结构 也 更 复杂 。 
在 获得 数据 源 后 ，List 组 件 会 分 析 数 据 ， 将 每 条 数据 以 默认 的 形式 展现 出 来 ,这 种 用 来 控 


制 数据 表现 形式 的 机 制 称 之 为 “itemRenderer”。 用 户 可 以 定义 自己 的 itemRenderer 对 象 ， 覆盖 

默认 的 属性 。 自 定义 的 itemRenderer 相当 于 一 个 简单 的 自 定义 组 件 ， 同 样 ， 里 面 可 以 放置 其 

他 组 件 来 实现 更 加 丰富 、 更 加 灵活 的 表现 形式 。 所 有 itemRenderer 组 件 都 拥有 一 个 data 属性 ， 

每 一 条 数据 都 对 应 一 个 itemRenderer 实例 对 象 ，itemRenderer 对 象 通过 data 属性 来 读 取 数 据 。 
下 面 创 建 一 个 使 用 List 组 件 的 简单 实例 ， 如 代码 9.6 所 示 。 


代码 9.6 ”使 用 List 组 件 


在 这 个 程序 中 ， 出 现 了 一 个 新 的 组 件 ， Model。Model 组 件 主要 用 于 定义 数据 。 Model 定 
义 的 数据 经 过 编译 被 转化 为 一 般 的 ActionScript 数据 对 象 ， 可 以 用 作 数 据 绑 定 。 这 些 数据 不 可 
以 被 更 改 ， 没 有 明确 的 数据 类 型 ， 可 以 是 字符 串 、 整 形 、XML 数据 等 。 

这 里 ，Model 标签 里 的 数据 被 解析 成 ActionScript 对 象 ， 被 用 作 List 组 件 的 数据 源 。 
mystates.state 包括 了 XML 数据 中 所 有 节点 为 state 的 数据 ， 并 通过 dataProvider 属性 将 数据 传 


递 给 List 组 件 。 
运行 该 程序 ， 具 体 效果 如 图 9-8 所 示 。 


图 9-8 使 用 List 组件 


9.2.4 ”按钮 组 件 


在 程序 中 ， 按 钮 无 疑 是 使 用 最 频繁 的 元 素 之 一 。 它 的 作用 非常 明确 ， 就 是 响应 用 户 的 鼠 
标 行为 ， 触 发 预定 义 的 事件 。 


Button 组 件 是 一 个 可 调整 大 小 的 矩形 用 户 界面 按钮 。 在 页 面 中 可 以 通过 设置 enabled 属性 
启用 或 者 禁用 按钮 。 在 禁用 状态 下 ， 按 钮 不 接收 鼠标 或 键盘 和 输入。 如果 单 击 或 者 切换 到 某 个 
按钮 ， 处 于 启用 状态 的 Button 组 件 就 会 接收 焦点 。 

在 Flex Builder 3 中 为 Button 组 件 提供 了 一 个 icon 属性 , 通过 该 属性 可 以 为 按钮 设置 显示 
图 标 ， 并 且 可 以 通过 labelPlacement 属性 定义 按钮 显示 文本 的 位 置 ， 该 属性 有 4 个 参数 ，left、 
right、top、bottom， 分 别 代 表 左 、 右 、 上 、 下 4 种 显示 效果 。 例 如 下 面 代码 : 


LinkButton 组 件 与 Button 组 件 功能 相似 ， 表 9-3 中 列 出 了 LinkButton 组 件 一 些 常用 的 
属性 。 


表 93 LinkButton 组 件 的 常用 属性 


id 唯一 标识 LinkButton 组 件 
label LinkButton 组 件 的 显示 文本 


color 定义 文本 的 显示 颜色 

themeColor 定义 鼠标 移动 到 Linkbutton 组 件 上 时 背景 色 

alpha 定义 鼠标 移动 到 ILinkbutton 组 件 上 时 背景 图 层 的 透明 度 
selected 当前 组 件 是 否 处 于 选中 状态 

enable 当前 组 件 是 否 可 用 

visible 当前 组 件 是 否 可 见 


下 面 创建 一 个 使 用 Button 组 件 和 LinkButton 组 件 的 实例 ， 演 示 这 两 种 组 件 的 属性 及 事件 
的 应 用 ， 如 代码 9.7 所 示 。 


代码 9.7 使 用 Button 和 LinkButton 组 件 


在 代码 9.7 中 ， 创 建 了 4 个 按钮 ， 分 别 展示 了 Button 组 件 和 LinkButton 组 件 的 各 种 属性 
的 应 用 ， 并 定义 click 事件 的 触发 函数 。 具 体 的 效果 如 图 9-9 所 示 。 
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图 9-9 使 用 按钮 组 件 


9.2.5 Image 组 件 


Image 组 件 用 于 在 网 页 或 者 桌面 应 用 程序 上 显示 图 像 , 程序 员 可 以 添加 Image 组 件 并 指定 
显示 的 图 片 。 该 组 件 同 样 支持 数据 绑 定 ， 人 允许 动态 设置 其 属性 值 。 

Image 组 件 最 常用 的 属性 有 两 个 ,id 属性 和 source 属性 ,id 唯 一 标识 一 个 Image 组件 ,source 
属性 表示 该 Image 组 件 要 显示 图 像 的 位 置 。 

Image 组 件 最 常用 的 事件 有 mouseMove 事件 ,mouseOnut 事件 .mouseDown 事件 .mouseUp 
事件 和 mouseOver 事件 等 。 其 中 mouseMove 事件 在 鼠标 移动 到 图 像 上 时 被 触发 ，mouseOut 
事件 在 鼠标 离开 图 片 时 被 触发 ，mouseOver 事件 在 鼠标 晤 停 在 图 像 上 时 被 触发 ，mouseDown 
事件 在 鼠标 按 下 时 被 触发 ，mouseUp 事件 在 鼠标 按 下 并 释放 时 被 触发 。 

下 面 创建 一 个 简单 的 实例 ， 使 用 Image 组 件 显示 一 幅 图 片 ， 并 定义 相应 的 事件 处 理 ， 如 
代码 9.8 所 示 。 


代码 9.8 使 用 Image 组 件 


Os 


使 用 组 件 


<mx:Label] color="blue"” text=" 在 应 用 程序 中 显示 图 片 ” width="153"/> 
<mx:Image source="../1.jpg" mouseOut="imgl.source='../1.jpg'" mouse 
Move="imgl .source='../pc.jpg'" id="imgl"/> 
</mx:Panel> 
</mx:Application> 


代码 9.8 中 定义 了 两 个 事件 ，mouseMove 事件 和 mouseOut 事件 。 图 9-10 就 为 鼠标 移动 2s9) 
到 图 像 时 的 显示 效果 。 


图 9-10 使 用 Image 组 件 


9.2.6 日 期 组 件 
在 Flex Builder 3 中 ， 提 供 了 两 种 日 期 组 件 : DateChooser 组 件 和 DateField 组 件 。 本 小 节 


将 介绍 这 两 种 组 件 的 具体 应 用 。 
| 1. DateChooser 组 件 站 


DateChooser 组 件 显 示 了 一 个 日 历 列 表 ， 通 过 单 击 相应 的 按钮 ， 用 户 可 以 选择 任意 一 个 日 
期 。DateChooser 组 件 常用 的 属性 如 表 9-4 所 示 。 


表 9-4 DateChooser 组 件 的 常用 属性 


属性 说 明 

id 唯一 标识 DateChooser 组 件 
displayedYear 默认 加 载 时 显示 的 年 份 
displayedMonth 默认 加 载 时 显示 的 月 份 
showToday 当前 日 期 是 否 突出 显示 
selectedDate 默认 选择 日 期 

Visible 当前 DateChooser 组 件 是 否 可 见 
disabledRanges 禁用 某 一 天 或 一 个 范围 内 的 日 期 


DateChooser 组 件 最 常用 的 一 个 事件 就 是 change 事件 , 当 用 户 选 择 的 日 期 发 生 改 变 时 触发 
该 事件 ， 执 行 具体 的 处 理 函 数 。 


在 程序 中 还 使 用 DateFormatter 对 象 定 义 日 期 显示 的 格式 。DateFormatter 对 象 的 方法 和 属 
性 如 下 所 示 。 
口 方法 format(value:Object):String 可 以 是 Date 类 型 或 者 是 一 个 Date 类 型 格式 的 String 
类 型 。 
口 属性 formatString 例如 : formatString="YYYY-MM-DD" 
口 保留 字 YIMIDIAIEIHIJIEILINIS 保留 字 的 具体 应 用 如 表 9-5 所 示 。 


表 9-5 formatString 保留 字 格式 及 说 明 


年 ， 以 2009 年 为 例 : YY=09 YYY=009 YYYY=2009 少 于 两 个 按 两 个 计算 
月 ， 以 7 月 为 例 : M=7 MM=07 MMM=Jul( 英 文 简写 ) MMMM=July( 英 文 全 称 ) 
日 ， 以 1 日 为 例 : D=1 DD=01 

星期 ， 以 星期 一 为 例 : E=1 EE=01 EEE=Mon EEEE=Monday 

上 下 午 ,，AM/PM 

24 小 时 制 ， 结 果 为 0 一 23 

24 小 时 制 ， 结 果 为 1 一 24 

12 小 时 制 ， 结 果 为 0 一 11 

12 小 时 制 ， 结 果 为 1 一 12 

分 钟 ， 以 3 分 钟 为 例 : N=3 NN=03 

秒 ， 以 3 秒 为 例 : SS=03 
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例如 : 


下 面 创建 了 一 个 使 用 DateChooser 组 件 的 实例 ， 如 代码 9.9 所 示 。 
代码 9.9 使 用 DateChooser 组 件 


在 代码 9.9 中 ， 使 用 了 两 个 DateChooser 组 件 。 第 一 个 组 件 设置 其 change 事件 调用 函数 


displayDate0， 并 将 用 户 选 择 的 日 期 作为 参数 传递 过 去 。 在 处 理 函数 中 ， 获 取 用 户 选择 日 期 的 
年 、 月 、 日 ， 并 按照 特定 的 形式 显示 出 来 。 第 二 个 组 件 设置 其 disabledRanges 属性 ,使 得 2006 


年 4 月 10 号 之 前 的 日 期 被 禁用 。 
在 浏览 器 中 运行 ， 具体 的 效果 如 图 9-11 所 示 。 
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OO Br un 
全 全 | 世 suwwieowaenb | 从 


同 册 Rt OI 


图 9-11 使 用 DataChooser 组 件 


DateField 组 件 用 于 接受 用 户 选择 的 日 期 信息 ， 显 示 为 两 部 分 : 一 个 下 拉 列 表 〈 带 有 以 文 
本 形式 表示 的 日 期 和 一 个 网 格 日 历 列表 〈 在 单 击 列表 时 显示 )。 

DateField 组 件 允许 用 户 在 许多 不 同 的 格式 中 选择 一 个 日 期 值 ， 可 以 以 任何 标准 日 期 格式 

多 为 显示 基于 Data 的 值 。 在 用户 单 击 时 , 会 显示 一 个 日 历 列表 ,允许 用 户 选择 日 历 中 的 一 个 日 期 。 

DateField 组 件 的 属性 与 DateChooser 组 件 的 属性 相似 ， 这 里 就 不 详细 介绍 。 除 了 前 面 介 
绍 过 的 属性 外 ，DateField 还 包含 一 些 属性 ， 这 些 属性 可 以 改变 日 期 的 外 观 、 显 示 字 体 等 。 

下 面 举例 说 明 DateField 组 件 如 何 使 用 ， 在 程序 中 使 用 DateField 组 件 提示 用 户 选择 日 期 ， 
并 在 Label 组 件 中 显示 出 来 ， 如 代码 9.10 所 示 。 


代码 9.10 使 用 DateFiled 组 件 


在 代码 9.10 中 ， 使 用 了 两 个 DateField 组 件 ， 并 且 使 用 DateFormatter 对 象 定义 日 期 显示 
格式 ， 具 体 的 效果 如 图 9-12 所 示 。 
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图 9-12 使 用 DateField 组 件 


9.3 ”导航 类 组 件 


前 面 介绍 了 Flex 中 的 一 些 常用 组 件 ， 虽 然 能 实现 很 多 网 页 的 界面 效果 ， 但 对 于 像 树 状 结 
构图 、 导航 菜单 等 效果 实现 时 仍然 比较 复杂 , 而 且 用 户 需 要 熟练 掌握 脚本 语言 。 在 Flex Builder 
3 中 提供 了 实现 这 些 功 能 的 组 件 ， 这 样 就 简化 了 很 多 复杂 功能 的 实现 过 程 。 


9.3.1 ToggleButtonBar 和 TabBar 组 件 


ToggleButtonBar 是 ButtonBar 的 子 类 , 它 增 强 了 导航 功能 ， 可 以 保持 客户 端 状态 ,同时 在 
界面 上 对 当前 的 选中 状态 做 明确 标识 。TabBar 在 ToggleButtonBar 的 基础 上 扩展 ， 改 变 了 对 选 
中 状态 的 表现 方式 。 


ToggleButtonBar 组 件 定义 一 组 水 平 或 垂直 按钮 ， 这 些 按钮 保持 选中 或 者 取消 选中 状态 。 
在 ToggleButtonBar 组 件 中 ， 只 有 一 个 按钮 可 以 处 于 选中 状态 。 这 就 意味 着 ， 当 用 户 从 
ToggleButtonBar 组 件 中 选择 一 个 按钮 后 ， 该 按钮 将 保持 选中 状态 直到 用 户 选 择 其 他 按钮 。 

如 果 将 ToggleButtonBar 组 件 的 toggleOnClick 属性 设置 为 true, 则 当前 选中 的 按钮 将 被 取 
消 其 选中 状态 。 默 认 情 况 下 ，toggleOnClick 属性 设置 为 false。 

使 用 ToggleButtonBar 组 件 的 direction 属性 ， 可 以 设置 按钮 是 水 平 排列 还 是 垂直 排列 。 通 
过 配置 verticalGap 属性 和 horizontalGap 属性 可 以 调整 按钮 之 间 的 间距 。 

ToggleButtonBar 组 件 还 有 一 个 重要 的 属性 selectedIndex， 该 属性 在 创建 组 件 时 确定 选中 


哪个 按钮 。 默 认 值 为 0， 表 示 选 择 栏 中 最 左 侧 的 按钮 。 将 selectedIndex 属性 设置 为 -1 可 以 取 
消 对 栏 中 所 有 按钮 的 选择 。 
下 面 创建 一 个 使 用 ToggleButtonBar 组 件 的 实例 ， 如 代码 9.11 所 示 。 


代码 9.11 使 用 ToggleButtonBar 组 件 


在 代码 9.11 中 ， 创 建 了 4 个 垂直 排列 的 按钮 ， 并 设置 按钮 间 的 间距 为 5 像素 ， 设 置 选中 
时 按钮 边框 颜色 为 第 82818, 当 用 户 单 击 按钮 时 , 在 TextArea 文本 区 域 中 显示 具体 的 选择 结果 。 
具体 效果 如 图 9-13 所 示 。 


图 9-13 使 用 ToggleButtonBar 组 件 


TabBar 组 件 在 ToggleButtonBar 组 件 的 基础 上 进行 了 扩展 ,改变 了 对 选中 状态 的 显示 方式 ， 
将 选中 项 以 标签 的 形式 突出 显示 。TabBar 组 件 具 有 独立 性 ， 使 得 它 可 以 和 任何 组 件 结合 在 一 
起 使 用 。 


TabBar 组 件 的 属性 和 ToggleButtonBar 组 件 的 各 属性 完全 相似 ， 这 里 不 再 重复 。 下 面 创建 
一 个 使 用 TabBar 组 件 的 实例 ， 如 代码 9.12 所 示 。 


代码 9.12 使 用 TabBar 组 件 


在 代码 9.12 中 ， 定 义 了 一 个 TabBar 组 件 ， 并 创建 了 一 个 数据 ， 存 放 各 个 标签 信息 。 监 听 
TabBar 组 件 的 itemClick 事件 ,并 在 函数 clickEvt0 中 做 出 相应 处 理 ， 显 示 用 户 的 选择 内 容 。 具 
体 效 果 如 图 9-14 所 示 。 


9-14 使 用 TabBar 组 件 


9.3.2 MenuBar 组 件 


在 程序 中 ， 菜 单 的 用 途 广泛 ， 例 如 操作 系统 中 ， 随 处 可 见 各 式 各 样 的 菜单 。 菜 单 具有 体 
积 小 、 使 用 方便 等 特点 ， 合 理 利用 了 空间 ， 用 户 操作 起 来 也 比较 直观 ， 是 导航 系统 的 理想 
选择 。 

MenuBar 组 件 最 主要 的 属性 就 是 dataProvider, 该 属性 定义 了 菜单 的 所 有 内 容 项 。MenuBar 
组 件 和 所 有 的 组 件 一 样 ， 支 持 XML 数据 或 者 数组 作为 数据 源 。 

MenuBar 组 件 还 支持 多 级 菜单 ， 下 面 就 创建 一 个 简单 的 实例 ， 在 实例 中 定义 了 多 级 菜单 ， 
如 代码 9.13 所 示 。 


代码 9.13 ”使 用 MenuBar 组 件 


在 代码 9.13 中 ， 使 用 XML 数据 的 type 属性 ， 可 以 直接 在 XML 数据 中 控制 菜单 的 分 割 
线 和 菜单 的 具体 类 型 。 当 type 属性 为 separator 时 ， 表 示 节 点 左右 一 条 分 割 线 ， 而 不 是 菜单 项 。 

在 程序 中 , 使 用 @ 符 号 解析 XML 数据 , 获得 节点 的 属性 值 。 其 中 @label 表示 节点 的 laber 
属性 值 ，@data 表示 节点 的 data 属性 值 。MenuBar 组 件 自动 解析 XML 后 ， 生 成 多 级 菜单 。 


请 注意 区 别 XML 和 XMLList 这 两 个 对 象 . XML 和 XMLList 都 用 来 定义 XML 数 
据 ， 不 同 的 是 ，XMLList 是 多 个 XML 数据 的 集合 。 在 XML 语法 中 , 根 节 点 有 且 
只 有 一 个 。 在 上 面 的 实例 中 使 用 了 XMLList 类 型 ， 根 节点 被 忽略 ，menuitem 节点 
被 解析 为 独立 的 XML 数据 。 


运行 程序 ， 具 体 的 效果 如 图 9-15 所 示 。 


图 9-15 使 用 菜单 导航 


9.3.3 PopUpButton 和 PopUpMenuButton 组 件 


在 网 站 的 实际 开发 过 程 中 ，PopUpButton 组 件 和 PopUpMenuButton 组 件 会 经 常用 到 ， 当 
用 户 单 击 时 ， 能 够 弹出 相应 的 菜单 选项 。 


PopUpButton 组 件 是 一 个 特殊 的 按钮 ， 它 本 身 有 两 个 按钮 组 成 : 主 按钮 和 子 按钮 。 单 击 主 
按钮 ， 可 以 将 任何 组 件 作为 窗口 弹出 ， 置 于 最 上 层 ， 这 个 弹出 动作 由 PopUpManager 完成 。 

在 PopUpButton 的 事件 列表 中 ， 比 较 重 要 的 事件 是 open 事件 和 close 事件 ， 前 者 在 弹出 
动作 发 生 时 触发 ， 后 者 在 弹出 窗口 关闭 时 触发 。 

PopUpButton 组 件 的 右 侧 带 有 箭头 标识 的 按钮 为 子 按钮 ， 也 称 弹出 按钮 。 单 击 子 按钮 ， 可 
以 打开 弹出 窗口 ， 和 使 用 open() 方 法 功能 相似 。 单 击 主 按钮 时 ， 所 触发 的 事件 与 普通 Button 
按钮 组 件 是 一 样 的 。 

下 面 创建 了 一 个 使 用 PopUpButton 组 件 的 实例 ， 如 代码 9.14 所 示 。 


代码 9.14 使 用 PopUpButton 组 件 


在 代码 9.14 中 ， 首 先 使 用 函数 创建 了 一 个 Menu 菜单 ， 为 该 菜单 设置 具体 选项 ， 并 设置 
监听 itemClick 事件 。 然后， 设置 PopUpButton 组 件 的 PopUp 属性 ， 显 示 该 Menu 菜单 。 当 然 
也 可 以 在 函数 中 使 用 open( 方 法 ， 当 页 面 加 载 时 ， 自 动弹 出 命令 菜单 。 

接 下 来 声明 itemClick 事件 处 理 函 数 ， 当 用 户 选择 一 项 命令 时 ， 显 示 用 户 选 择 的 内 容 ， 并 
且 触 发 PopUpButton 组 件 的 close 事件 ， 关 闭 菜单 。 


运行 该 程序 ， 具 体 的 显示 效果 如 图 9-16 所 示 。 
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图 9-16 使 用 PopUpButton 组 件 


PopUpButton 组 件 除了 可 以 弹出 菜单 外 ， 还 可 以 弹出 其 他 组 件 ， 如 Panel、 | 
Area 等 。 


2 PopUpMenuButon 组 件 


PopUpMenuButton 组 件 继承 自 PopUpButton 组 件 , 是 PopUpButton 组 件 的 一 个 特殊 实例 。 
它 只 能 把 Menu 组 件 当 作 弹出 窗口 。 

Menu 组 件 用 来 创建 菜单 ， 不 过 和 MenuBar 组 件 相 比 ，Menu 组 件 缺 少 了 菜单 条 ， 而 且 
Menu 组 件 没 有 对 应 的 MXML 标签 ， 只 能 由 代码 创建 。 

PopUpMenuButton 组 件 中 内 置 了 一 个 Menu 组 件 。 下 面 是 一 个 使 用 PopUpMenuButton 组 
件 的 实例 ， 如 代码 9.15 所 示 。 


代码 9.15 使 用 PopUpMenuButton 组 件 


在 代码 9.15 中 ， 使 用 ActionScript 定义 了 一 串 XML 数据 ， 传 给 PopUpMenuButton 组 件 
的 dataprovider 属性 ， 实 质 上 就 是 作为 PoppUpMenuButton 组 件 内 置 Menu 的 数据 源 。 此 外 ， 代 
码 中 ， 还 对 Menu 菜单 的 itemClick 事件 创建 了 监听 函数 ， 在 函数 中 ， 使 用 Alertshow() 方 法 输 
出 用 户 的 选择 结果 。 

运行 该 程序 ， 具 体 效果 如 图 9-17 所 示 。 
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9-17 ”使 用 PopUpMenuButton 组 件 
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在 Flex 中 ， 界 面 由 组 件 组 成 ， 而 组 件 又 被 放置 在 一 个 个 特定 的 组 件 中 ， 可 以 把 这 类 组 件 
形象 地 称 为 容器 。 容 器 类 组 件 都 位 于 mx.containers 包 中 。 在 组 件 的 层级 关系 中 ，Container 类 
是 UIComponent 的 子 类 ， 是 所 有 Flex 容器 类 组 件 的 父 类 ， 每 个 容器 组 件 都 在 其 基础 上 添加 自 
己 的 功能 。 

本 章 将 详细 介绍 各 种 Flex 容器 类 组 件 的 属性 和 使 用 方法 ， 并 且 介 绍 如 何 使 用 容器 对 页 面 
进行 合理 布局 。 
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管理 程序 的 布局 


容器 是 Flex 的 重要 特色 ， 正 是 由 于 这 一 点 使 得 Flex 在 网 络 应 用 中 的 效率 得 到 显著 提高 。 
因此 ， 界 面 控制 成 为 程序 开发 中 非常 重要 的 一 环 ， 直 接 体现 了 程序 的 质量 。 下 面 将 详细 介绍 
如 何 使 用 组 件 管理 程序 的 布局 。 


10.1.1 控制 Application 组 件 的 布局 


Application 组 件 是 一 个 特殊 的 容器 ， 位 于 界面 元 素 层级 的 根部 ， 包 含 了 整个 应 用 程序 中 
的 所 有 元 素 。 在 Application 组 件 的 相关 属性 中 , 有 3 个 属性 与 布局 息息相关 , 分 别 是 : layout、 
horizontalAlign 和 verticalAlign。 这 3 个 属性 存在 着 依附 关系 ， 其 中 layout 属性 起 决定 作用 ， 
另外 两 个 属性 受制 于 它 。 

layout 属性 有 3 个 可 选 值 : absolute、vertical、horizontal。 


当 layout 属性 值 为 absolute 时 ，horizontalAlign 和 verticalAlign 属性 将 不 起 作用 ， 界 面 上 
的 元 素 将 由 各 自 的 坐标 来 定位 。 如 果 元 素 的 x、y 坐标 值 都 为 空 ， 那 么 就 默认 为 0。 当 layout 
属性 值 为 vertical 或 者 horizontal 时 , 元 素 的 位 置 由 horizontalAlign 和 verticalAlign 这 两 个 属性 
来 控制 。 

除了 前 面 介绍 的 这 3 个 属性 之 外 ， 还 可 以 通过 设置 Application 的 width 和 height 属性 ， 
设置 应 用 程序 界面 的 宽度 和 高 度 ， 控 制 最 后 编译 生成 的 .swf 文件 的 尺寸 。 

在 设计 视图 中 ， 单 击 空白 程序 ， 就 可 以 选择 Application 组 件 。 在 属性 面板 中 ， 就 可 以 看 


图 10-1 Application 属性 面板 


在 属性 面板 的 标题 栏 右边 ， 有 3 个 图 标 加 目 回 ， 分 别 代表 了 3 种 属性 列表 方式 : 标 
漳 ” 准 视图 、 分 类 视图 、 索 引 视图 。 图 10-1 所 示 的 是 标准 视图 。 在 该 视图 下 ， 只 列 出 
当前 选中 组 件 的 一 些 常规 属性 ， 并 不 列 出 所 有 属性 。 


在 属性 面板 中 ， 可 以 设置 Application 组 件 的 背景 
颜色 、 透 明度 、 字 体 、 文 本 颜色 、 文 本 大 小 等 属性 ， 
为 应 用 程序 定义 一 个 默认 的 显示 样式 。 

在 Flex 中 ， 当 Application 组 件 的 layout 属性 为 
absolute 时 ， 对 容器 内 的 任 一 元 素 ， 都 可 以 进行 约束 布 
局 。 约 柬 布局 (Constraint Layout) 是 Flex 布局 中 一 种 
非常 重要 的 功能 。 切 换 到 设计 视图 ， 在 编辑 区 中 单 击 | 
任 一 元 素 ， 在 属性 面板 中 ， 都 可 以 看 到 如 图 10-2 所 示 本 
的 布局 控制 界面 。 a 

10-2 中 6 个 复 选 框 按照 从 左 到 右 、 从 上 到 下 的 局 
顺序 分 别 代表 左边 距 、 水 平 中 心 距离 、 右 边 距 、 顶 边 距 、 垂 直 中 心 距 离 和 底 边 距 。 各 个 复 选 
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框 的 作用 如 下 所 示 。 

口 左边 距 组件 左边 界 位 置 与 父 级 容器 左边 界 之 间 的 水 平方 向 距离 。 

口 水 平 中 心 距离 ”组件 的 中 心 与 父 级 容器 中 心 之 间 的 水 平方 向 距离 。 

口 右边 距 组 件 右 边界 位 置 与 父 级 容器 右边 界 之 间 的 水 平方 向 距离 。 

口 顶 边 距 组 件 上 边界 位 置 与 父 级 容器 上 边界 之 间 的 垂直 方向 距离 。 

口 垂直 中 心 距离 ”组 件 的 中 心 与 父 级 容器 中 心 之 间 的 垂直 方向 距离 。 

口 底 边 距 组 件 下 边界 位 置 与 父 级 容器 下 边界 之 间 的 垂直 方向 距离 。 

当 对 某 一 个 组 件 使 用 约束 布局 后 , 会 强制 定位 在 相应 的 位 置 , 设置 的 x、y 坐标 将 会 失效 。 
在 约束 定位 中 ， 中 心 距离 和 边 距 只 能 选择 一 个 ， 即 如 果 选 择 了 水 平 中 心 距离 ， 则 水 平方 向 的 
左右 边 距 就 不 能 同时 存在 ， 否 则 后 面 的 属性 将 会 不 起 作用 。 图 10-2 就 对 按钮 组 件 使 用 了 水 平 
中 心 距离 和 垂直 中 心 距离 定位 。 该 按钮 的 源 代码 如 下 所 示 : 


<mx:Button label=" 提 交 " click="show()" height="22" verticalCenter="20" left= 
"400" right="300"/> 


从 上 述 代 码 中 可 以 看 出 ，left 属性 代表 左边 距 ，right 属性 代表 右边 距 ，verticalCenter 属性 
代表 垂直 中 心 距离 。 利 用 约束 布局 ， 可 以 实现 更 加 特殊 的 网 页 布局 功能 。 


约束 布局 只 有 当 容器 的 layout 属性 值 为 absolute 时 才 可 以 使 用 ， 具 有 这 一 特性 的 | 
容器 有 : Application、Canvas、Panel 和 TitleWindow。 | 


10.1.2 ApplicationControlBar 组 件 


ApplicationControlBar 组 件 是 和 Application 相关 的 一 个 容器 组 件 , 该 组 件 通常 用 来 提供 全 
局 导航 ， 如 网 页 中 的 顶部 导航 菜单 。ApplicationControlBar 组 件 有 水 平方 向 和 垂直 方向 两 种 选 
择 ， 默 认为 水 平方 向 ， 其 子 级 元 素 的 布局 方式 也 相对 应 与 水 平 或 者 垂直 。 

ApplicationControlBar 组 件 有 一 个 最 重要 的 属性 dock， 该 属性 表示 是 否 将 Application 
ControlBar 组 件 强行 停靠 在 应 用 程序 界面 的 顶部， 默认 为 false。 在 默认 情况 下 ，Application 
ControlBar 组 件 会 被 当成 一 个 普通 的 组 件 ， 其 长 度 、 宽 度 、 位 置 都 需要 进行 设置 。 如 果 dock 
属性 为 tue，ApplicationControlBar 组 件 将 始终 停靠 在 应 用 程序 界面 的 顶部， 并 且 其 宽度 始终 
为 100%。 

下 面 创建 了 一 个 使 用 ApplicationControlBar 组 件 的 简单 实例 ， 具 体 代码 10.1 所 示 。 


代码 10.1 使 用 ApplicationControlBar 组 件 


<?xml version="1.0"?> 

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
paddingLeft="10" paddingRight="10" paddingBottom="10"™ 
backgroundColor="0xCCCCCC" backgroundGradientAlphas="[0.48, 0.46]" back 
groundGradientColors="[#DCD2D2, #181717]"> 
<mx:Label text=" 当 docked 属性 值 为 true 时 ，ApplicationControlBar 组 件 位 于 应 用 


在 代码 10.1 中 ， 插 入 了 两 个 ApplicationControlBar 组 件 。 其 中 一 个 ApplicationControlBar 
组 件 设置 其 dock 属性 为 tue， 另 一 个 设置 为 false。 设 置 其 长 度 和 宽度 ， 并 在 组 件 内 添加 相应 
子 组 件 。 具 体 的 演示 效果 如 图 10-3 所 示 。 


10-3 ”使 用 ApplicationControlBar 组 件 


10.1.3 HBox、VBox 和 Canvas 组 件 


利用 Application 组 件 可 以 控制 应 用 程序 的 总 体 布局 ， 但 是 在 实际 的 开发 过 程 中 ， 为 了 页 
面 内 容 的 显示 效果 考虑 ， 通 常会 按照 功能 将 界面 分 成 若干 个 独立 的 模块 ， 这 时 就 需要 添加 其 
< 多 他 的 容器 组 件 ， 并 对 各 个 模块 进行 相应 的 布局 。 


HBox 组 件 和 VBox 组 件 都 是 Box 组 件 的 子 类 。Box 组 件 对 子 级 元 素 采 取 规 则 的 布局 方式 。 
其 中 HBox 内 的 元 素 是 水 平方 向 分 布 ， 而 Vbox 内 的 元 素 则 是 垂直 方向 分 布 。 

HBox 和 VBox 组 件 使 用 起 来 非常 简单 ， 下 面 就 创建 一 个 简单 的 使 用 HBox 和 VBox 组 件 
的 实例 ， 具 体 代 码 如 代码 10.2 所 示 。 


代码 10.2 使 用 HBox 和 VBox 组 件 


1 Os 


使 用 容器 布局 页 面 


<mx:Label width="100%" color="blue™ 
text=" 控 件 水 平 排列 " fontsize="13"/> 
<mx:HBox width="338" horizontalAlign="center" height="49" vertical 
Align="middle" borderstyle="solid"> 
<mx:Button label=" 按 钮 一 "/> 
<mx:Button label=" 按 钮 二 "/> 
<mx:Button label=" 按 钮 三 "/> 277) 
<mx:ComboBox width="115" close="selectItem=ComboBox (event .target). 
selectedItem,Alert.show(' 你 选择 了 : '+selectItem)"> 
<mx:dataProvider> 
<mx:String> 春 天 </mx:String> 
<mx:String> 夏 天 </mx:String> 
<mx:String> 秋 天 </mx:String> 


<mx:String> 冬 天 </mx:String> 
</mx:dataProvider> 
</mx:ComboBox> 
</mx:HBox> 
</mx:Panel> 


</mx:Application> 


在 代码 10.2 中 ， 分 别 设置 了 VBox 和 HBox 组 件 的 verticalAlign、horizontalAlign 属性 ， 
并 且 设 置 两 个 组 件 的 边框 样式 。 在 浏览 器 中 运行 ， 具 体 的 效果 如 图 10-4 所 示 。 
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10-4 使 用 HBox 和 VBox 组 件 


C 2. Canvas 组 件 一 


Canvas 组 件 直接 继承 自 Container 类 ， 和 其 他 容器 比较 起 来 ， 具 有 体积 小 、 使 用 灵活 等 特 
点 。 与 前 面 介 绍 的 HBox 组 件 和 VBox 组 件 不 同 ， 放 置 在 Canvas 容器 组 件 里 的 元 素 只 能 由 x 
和 y 的 坐标 来 定位 ， 也 就 是 说 Canvas 的 layout 属性 固定 为 absolute。 如 果 不 指 定 坐 标 ， 元 素 
的 x、y 坐标 默认 为 0。 

通过 设置 Canvas 组 件 的 其 他 属性 ， 还 可 以 改变 具体 的 显示 效果 。 例 如 ， 修 改 容器 内 文本 


颜色 、 字 体 样式 、 背 景 颜 色 等 。 
下 面 创建 一 个 使 用 Canvas 容器 的 实例 ， 具 体 如 代码 10.3 所 示 。 


代码 10.3 ”使 用 Canvas 组 件 


在 代码 10.3 中 ， 在 Canvas 容器 中 拖 忠 进 了 几 个 简单 的 控件 ， 并 在 Canvas 中 定义 子 级 元 
素 的 文本 显示 颜色 和 大 小 ， 以 及 容器 的 背景 颜色 等 。 具 体 的 效果 如 图 10-5 所 示 。 


10-5 ”使 用 Canvas 组 件 
当 Canvas 容器 中 组 件 位 置 超出 Canvas 的 区 域 范围 时 ，Canvas 组 件 自动 增加 滚动 条 。 每 


个 容器 都 自 带 了 滚动 条 ， 默 认 状 态 下 滚动 条 采用 自动 适应 的 原则 ， 只 有 容器 的 内 容 超 出 容器 
的 可 视 范 围 才 会 显示 。 当 然 也 可 以 通过 修改 horizontalScrollPolicy 属性 和 verticalScrollPolicy 
属性 来 控制 滚动 条 的 显示 方式 。 这 两 个 属性 有 3 个 可 选 值 : on 表示 滚动 条 总 是 出 现 ，o 企 表示 
滚动 条 总 是 不 出 现 ，auto 表示 只 有 在 需要 的 时 候 才 出 现 ， 是 默认 状态 。 在 开发 过 程 中 ， 可 以 
根据 具体 的 需要 ， 控 制 容 器 滚动 条 的 显示 方式 。 


10.1.4 ”HDividedBox 和 VDividedBox 组 件 


HDividedBox 和 VDividedBox 组 件 继承 自 父 类 DividedBox。 与 HBox 和 VBox 组 件 相似 ， 
这 两 个 组 件 也 是 对 包含 的 子 级 元 素 采 用 规则 的 布局 方式 ， 只 不 过 多 了 一 个 功能 ， 那 就 是 在 子 
级 元 素 之 间 增 加 了 可 以 拖 动 的 分 割 块 。 在 运行 程序 时 ， 通 过 拖 动 分 割 块 可 以 动态 调整 分 割 块 
附近 元 素 的 长 度 或 者 宽度 。 

HDividedBox 和 VDividedBox 组 件 分 别 对 页 面 进行 水 平 切割 和 垂直 切割 ,通过 verticalGap 
和 horizontalGap 属性 可 以 分 别 调整 子 级 容器 之 间 的 间隔 ， 即 分 割 块 间 的 宽度 ， 默 认 情况 下 为 
10 像素 。 

HDividedBox 和 VDividedBox 组 件 的 边框 属性 borderStyle 默认 值 为 none， 表 示 不 显示 边 
框 。 当 然 用 户 可 以 根据 实际 需求 ， 设 置 显示 边框 。 例 如 设置 该 属性 值 为 solid， 表 示 采 用 实心 
线条 作为 边框 。 

HDividedBox 和 VDividedBox 组 件 还 有 一 个 比较 常用 的 属性 liveDragging, 该 属性 是 一 个 
Boolean 类 型 。 当 为 false 时 ， 表 示 在 拖 动 分 割 块 时 候 ， 分 割 块 附近 的 元 素 只 在 鼠标 松 开 时 才 
调整 位 置 ， 如 果 为 tue， 则 在 拖 动 时 就 会 不 断 的 调整 位 置 。 默 认为 false。 

下 面 创建 一 个 使 用 HDividedBox 和 VDividedBox 组 件 分 割 页 面 的 实例 ， 该 实例 实现 一 个 
简易 电子 相册 的 功能 ， 如 代码 10.4 所 示 。 


代码 10.4 ”制作 电子 相册 


%1 Os 


使 用 容器 布局 页 面 


<mx:Image source="images/1 06.gif" /> 
<mx:Image source="images/1 07.gif" /> 
<mx:Image source="images/1 08.gif" /> 
</mx:HBox> 
</mx:VBox> 


</mx:Panel> 
<mx:TabNavigator width="100%" height="20%"backgroundColor="#B8E6EE" Cs) 
backgroundAlpha="0.4" borderSstyle="solid" alpha="1.0" borderColor= 
"#8F8B8B"> 
<mx:Canvas label=" 正 在 播放 " width="100%" height="100%"> 
<mx:TextArea width="100%" height="100%" text="{selectedNode. 
@label}"> 

</mx:TextArea> 

</mx:Canvas> 

</mx:TabNavigator> 

</mx:VDividedBox> 

</mx:HDividedBox> 
</mx:Application> 


在 代码 10.4 中 ， 使 用 HDividedBox 和 VDividedBox 组 件 对 应 用 程序 界面 进行 布局 ， 并 在 
相应 组 件 中 媒 套 使 用 了 其 他 容器 组 件 。 在 应 用 程序 的 左 侧 ， 使 用 了 Tree 组 件 ， 引 用 外 部 XML 
文件 作为 数据 源 , 显示 电子 相册 列表 , 右 侧 使 用 了 VBox 组 件 和 HBox 组 件 嵌 套 , 并 使 用 Image 
组 件 制作 了 一 个 相框 。 当 用 户 选 择 列表 中 的 某 一 个 图 片 名 称 时 ， 在 相框 中 显示 相应 的 图 片 信 
息 并 在 TextArea 组 件 中 显示 正在 播放 的 图 片 名 称 。 有 具体 的 显示 效果 如 图 10-6 所 示 。 
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10-6 ”电子 相册 


10.2 窗口 布局 


在 应 用 程序 中 ， 窗 口 是 最 常见 的 表现 方式 ， 使 用 窗口 布局 可 以 使 界面 更 加 丰富 、 更 加 直 
观 ， 用 户 操作 起 来 也 会 非常 方面 。 本 节 将 会 详细 介绍 两 种 与 窗口 布局 有 关 的 组 件 : Panel 组 件 
和 TitleWindow 组 件 。 


10.2.1 Panel 组 件 


Panel 组 件 是 应 用 程序 开发 过 程 中 最 常用 的 组 件 之 一 ， 在 前 面 的 实例 中 已 经 多 次 用 到 了 
Panel 组 件 。 该 组 件 具 有 Canvas 和 HBox、VBox 组 件 的 所 有 功能 。 如 果 Panel 组 件 的 layout 
属性 值 为 absolute, 则 Panel 组 件 对 子 级 元 素 的 布局 方式 和 Canvas 组 件 一 样 ; 当 值 为 horizontal 
时 与 HBox 组 件 布局 方式 一 样 ， 当 值 为 vertical 时 则 与 VBox 组 件 布局 方式 完全 相似 。 

使 用 Panel 组 件 非常 简单 ,只 需 向 容器 内 拖 电 进 相应 的 子 级 组 件 即 可 。 表 10-1 列 出 了 Panel 
组 件 的 一 些 常 用 属性 。 


表 10-1 Panel 组 件 的 常用 属性 


id 唯一 标识 Panel 组 件 
title 窗口 的 标题 

width 窗口 的 宽度 

height 窗口 的 高 度 

layout Panel 组 件 的 布局 方式 
visible 该 Panel 组 件 是 否 可 见 
backgroundColor 定义 容器 的 背景 颜色 
backgroundImage 定义 容器 的 背景 图 像 
color 定义 容器 内 的 文本 颜色 
fontSize 定义 容器 内 的 文本 大 小 
fontFamily 定义 容器 内 的 文本 字体 


下 面 使 用 Panel 组 件 设计 了 一 个 简单 的 用 户 登录 界面 ， 如 代码 10.5 所 示 。 
代码 10.5 ”设计 用 户 登录 窗口 


在 代码 10.5 中 ， 使 用 了 一 个 Panel 组 件 ， 设 置 其 布局 属性 layout 的 属性 值 为 absolute、 标 
题 为 “用 户 登 录 ” 文本 字体 大 小 为 12， 并 使 用 约束 布局 进行 定位 。 在 容器 内 ， 使 用 Label 组 
件 、TextInput 组 件 和 Button 组 件 创 建 了 一 个 简单 的 用 户 登 录 界 面 ， 并 对 用 户 输入 的 结果 进行 
处 理 。 具 体 的 显示 效果 如 图 10-7 所 示 。 


10-7 用 户 登录 界面 
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和 Application 一 样 ，Panel 也 有 一 个 相关 的 容器 ControlBar。 该 组 件 与 ApplicationControl 
Bar 组 件 功能 相似 。 不 同 的 是 ，ControlBar 组 件 位 置 不 可 以 调整 ， 总 是 被 固定 在 Panel 组 件 的 
底部 ， 并 且 与 Panel 组 件 等 宽 。 与 ApplicationControlBar 组 件 相 似 ，ControlBar 组 件 中 对 子 级 
组 件 采 用 水 平 排列 的 布局 方式 。 

例如 ， 给 上 面 实例 中 的 Panel 组 件 添加 ControlBar 组 件 ， 添 加 一 个 注册 按钮 ， 如 代码 10.6 
所 示 。 


代码 10.6 添加 ControlBar 组 件 


<mx:Panel width="316" height="205" layout="absolute" title=" 用 户 登 录 " fontSiz 
e="12" horizontalAlign="center" horizontalCenter="0" verticalCenter="8"> 
<mx:Label text=" 用 户 名 : "Eontsize="l0* Y="30" m="43"/> 
<mx:Label text=" 密 码 : " fontSize="10" y="68" x="43"/> 
<mx:TextInput id="username" fontSize="10" y="28" x="86"/> 
<mx:TextInput id="pwd" fontSize="10"” y="66" x="86" displayAsPassword 
="true"/> 
<mx:Button label=" 确 定 " fontSize="10" y="101" x="68" click="show()"/> 
<mx:Button label=" 取 消 " fontSize="10" y="101" x="”161"” /> 
<mx:ControlBar horizontalAlign="right" height="25" y="162" fontSize= 
"10" width="3"> 
<mx:LinkButton label=" 单 击 这 里 注册 " color="#EA1446"/> 
</mzx:ControlBar> 
</mx:Panel> 


在 代码 10.6 中 ， 在 Panel 组 件 内 添加 了 一 个 ControlBar 组 件 ， 并 且 在 ControlBar 组 件 内 
添加 LinkButton 组 件 ， 设 置 ControlBar 组 件 的 对 齐 方式 为 右 对 齐 。 具 体 的 显示 效果 如 图 10-8 
所 示 。 
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10-8 添加 注册 按钮 


在 代码 10.6 中 ， 设 置 ControlBar 组 件 的 width 属性 值 为 3， 但 是 ControlBar 组 件 | 
多 宽度 与 Panel 组 件 等 宽 ， 将 忽视 该 属性 。 


10.2.2 ”TitleWindow 组 件 


TitleWindow 组 件 继承 于 Panel 组 件 ， 与 Panel 组 件 相 比 ， 只 是 多 了 一 个 【关闭 】 按 钮 。 
默认 情况 下 ，TitleWindow 组 件 不 带 【关闭 】 按 钮 ， 在 开发 过 程 中 需要 的 话 ， 可 以 设置 其 
showCloseButton 属性 为 tue， 显 示 【 关 闭 】 按 钮 。 在 运行 应 用 程序 时 ， 用 户 单 击 【 关 闭 】 按 鸳 
钮 时 ， 将 触发 TileWindow 组 件 的 close 事件 ， 可 以 对 该 事件 进行 监听 和 处 理 。 

下 面 创建 一 个 使 用 TileWindow 组 件 的 实例 ， 首 先 创 建 MXML Application 程序 ， 如 代码 
10.7 所 示 。 


代码 10.7 创建 Application 程序 


在 代码 10.7 中 ， 使 用 Panel 组 件 进行 布局 ， 再 使 用 一 个 Button 按钮 和 Text 文本 框 。 当 用 
户 单 击 按钮 时 ， 调 用 函数 showWindow0。 在 函数 showWindow0 中 ,使 用 PopUpManager 组 件 
的 CreatePopUp0 方 法 打开 TitleWindow 组 件 。PopUpManager 是 专门 处 理 弹出 窗口 的 对 象 。 


PopUpManager.createPopUp0 方 法 创建 弹出 窗口 ， 其 3 个 参数 分 别 代表 : 对 弹出 窗口 所 基于 的 
窗口 的 引用 、 对 要 创建 的 对 象 的 类 的 引用 和 弹出 窗口 是 否 为 模 态 窗口 〈 位 于 程序 最 顶层 )。 
接 下 来 ， 编 写 主 程序 SimpleTitleWindowExample mxml， 具 体 代 码 如 代码 10.8 所 示 。 


代码 10.8 创建 TitleWindow 元 件 


在 代码 10.8 中 ,在 TitleWindow 容器 内 使 用 Label、TextInput 和 Button 组 件 ， 提 示 用 户 
输入 姓名 ， 并 在 函数 retrunName() 中 对 用 户 的 输入 做 出 相应 处 理 。 在 程序 中 ,【 取 消 】 按 钮 的 
click 事件 和 TitleWindow 组 件 的 close 事件 都 调用 PopUpManager 对 象 的 removePopUp0 方 法 ， 
关闭 TileWindow 界面 。 具 体 的 显示 效果 如 图 10-9 所 示 。 
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图 10-9 使 用 TileWindow 组 件 


10.3 表单 布局 


表单 是 网 页 中 最 常用 的 元 素 之 一 ， 利 用 表单 可 以 接收 用 户 输入 的 数据 并 进行 相应 的 处 理 。 
例如 完成 用 户 注册 、 编 写 日 志 、 调 查 问卷 等 功能 。 在 Flex Builder 3 中 ， 提 供 了 一 套 表单 组 件 ， 
包括 Form 组 件 、Formltem 组 件 和 FormHeading 组 件 。 

Form 组 件 是 表单 功能 组 件 中 的 主要 部 分 ， 继承 自 Container 对 象 ， 在 Form 组 件 内 可 以 拖 
上 忠 进 其 他 控制 组 件 。 FormHeading 组 件 主要 用 于 显示 表单 标题 ,当然 也 可 以 放置 顶部 导航 控制 
组 件 等 。 

Form 容器 是 由 若干 个 Formltem 组 件 组 成 的 。 当 用 户 向 Form 表单 容器 中 拖 电 进来 一 个 控 
制 组 件 时 ， 默 认 产生 一 个 FormItem 组 件 对 象 。 该 组 件 有 两 个 重要 属性 : label 和 required。label 
属性 显示 提示 文本 , required 属性 指定 该 栏 的 值 是 否 可 以 为 空 , 这 在 处 理 用 户 输入 时 非常 有 用 。 

下 面 使 用 Form 组 件 创建 一 个 统计 用 户 信息 的 表单 ， 如 代码 10.9 所 示 。 


代码 10.9 ”创建 表单 
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<mx:FormItem label=" 联 系 方式 " required="true"> 
<mx:TextInput id="phone"” width="200"/> 
</mx:FormItem> 
</mx:Form> 
<mx:Button label=" 提 交 " verticalCenter="125" horizontalCenter="-49"/> 
<mx:Button label=" 取 消 " verticalCenter="125" horizontalCenter="45"/> 
288 </mx:Panel> 
<mx:StringValidator source="{fname}" property="text" minLength="4" 
maxLength="12"/> 
<mx:PhoneNumberValidator source="{phone}" property="text"/> 
<mx:DateValidator source="{dob}" property="text"/> 
<mx:EmailValidator source="{email}" property="text"/> 
</mx:Application> 


在 代码 10.9 中 ， 在 Panel 容器 中 创建 了 一 个 统计 用 户 信 息 的 表单 。 设 置 相应 FormItem 组 
件 的 required 属性 为 tue。 在 运行 程序 时 ， 就 会 在 相应 Formltem 的 显示 文本 后 出 现 红色 的 * 符 
号 ， 提 示 用 户 该 行 信息 不 可 以 为 空 。 这 里 设置 用 户 名 、 生 日 、 电 子 邮 件 和 联系 方式 信息 不 可 
以 为 空 。 

在 程序 尾部 ， 添 加 了 4 个 验证 对 象 。 其 中 StringValidator 用 于 字符 验证 ，PhoneNumber 
Validator 用 于 电话 号 码 验证 ，DateValidator 用 于 日 期 验证 ，EmailValidator 用 于 邮箱 地 址 验证 。 
这 几 个 验证 组 件 有 一 个 source 属性 ， 表 示 需 要 验证 的 目标 对 象 。 在 后 面 的 章节 中 会 详细 讲解 
有 关 数 据 验证 的 知识 ， 这 里 就 不 多 介绍 。 

运行 程序 ， 具 体 效 果 如 图 10-10 所 示 。 
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图 10-10 ”使 用 表单 


10.4 动态 控制 对 象 的 布局 


在 前 面 介绍 过 的 容器 中 ， 其 子 级 元 素 的 定位 都 是 相对 静止 。 如 果 需 要 添加 一 个 新 的 组 件 ， 


则 必须 指定 该 组 件 的 起 始 x、y 轴 坐 标 值 ， 这 对 于 大 型 的 应 用 程序 界面 来 说 ， 将 非常 困难 。 本 
节 就 介绍 两 种 可 以 实现 动态 控制 对 象 显示 位 置 的 组 件 : Tile 组 件 和 Grid 组 件 。 


10.4.1 Tile 组 件 


Tile 组 件 直接 继承 自 Container 对 象 ， 在 Tile 容器 中 ， 对 子 级 元 素 按照 水 平 或 者 垂直 方向 她 坟 
动态 进行 排列 , 并 且 每 一 个 子 级 元 素 都 处 于 一 个 相同 大 小 的 单元 格 中 ,Tile 组 件 就 通过 控制 单 
元 格 的 个 数 进行 规则 布局 。 

Tile 组 件 有 几 个 重要 的 属性 :direction、tileWidth 和 tileHeight。 其 中 direction 属性 有 两 个 
值 ，horizontal 和 vertical， 分 别 代表 设置 其 子 级 元 素 的 布局 方向 为 水 平方 向 还 是 垂直 方向 。 
tileWidth 和 tileHeight 属性 用 来 控制 每 个 单元 格 的 长 度 和 宽度 。 

下 面 创建 一 个 使 用 Tile 组 件 排列 多 个 子 级 组 件 的 实例 ， 并 设置 当 用 户 单 击 按钮 后 ， 动 态 
添加 一 个 新 的 按钮 ， 如 代码 10.10 所 示 。 


代码 10.10 ”使 用 Tile 组 件 
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<mx:Button label="6" height="40" width="75"/> 
</mx:Tile> 
<mx:ControlBar horizontalAlign="right" height="34" verticalAlign= 
"op > 
<mx:LinkButton label=" 增 加 新 按钮 ” fontsize="12" click="addBut () "/> 
</mx:ControlBar> 
</mzx:Panel> 
</mzx:Application> 


在 代码 10.10 中 ， 设 置 horizontalGap 为 10、verticalGap 为 15， 即 两 个 单元 格 之 间 的 水 平 
间隔 和 垂直 间隔 分 别 为 10 和 15 像素 。 这 里 并 没有 设置 每 个 单元 格 的 长 度 和 宽度 ， 那 么 就 默 
认 按 照 最 大 的 组 件 的 长 度 和 宽度 进行 计算 。 当 用 户 单 击 【增加 新 按钮 】 命 令 时 ， 在 最 后 一 个 
单元 格 的 后 面 自动 添加 一 个 新 的 按钮 。 具 体 的 效果 如 图 10-11 所 示 。 


图 10-11 使 用 Tile 组 件 布局 


10.4.2 Grid 组 件 


在 使 用 Tile 组 件 时 ， 很 难 精确 控制 每 一 行 的 对 象 个 数 ， 因 为 Tile 组 件 需 要 对 组 件 的 宽度 
和 子 级 元 素 的 宽度 进行 计算 ， 还 要 考虑 元 素 的 间隔 问题 ， 十 分 麻烦 。 在 Flex Bulider 3 中 ， 就 
可 以 使 用 另外 一 个 动态 布局 组 件 : Grid 组 件 。 

Grid 组 件 继承 自 Box 对 象 ， 类 似 于 网 页 中 的 表格 ， 由 若干 行 组 成 ， 每 行 包含 若干 个 单元 
格 ， 每 个 单元 格 中 可 以 包含 其 他 元 素 。 在 Grid 组 件 中 ，GridRow 对 象 表示 行 ，GridItem 对 象 
表示 单元 格 。GridRow 对 象 和 GridItem 对 象 都 继承 自 HBox 对 象 。 

在 Grid 组 件 中 ， 每 个 单元 格 的 高 度 和 宽度 可 以 各 不 相同 ， 但 是 相同 的 行 的 单元 格 的 高 度 
必须 相同 。 如 果 一 行 中 每 个 单元 格 中 的 元 素 高 度 不 同 ， 则 以 高 度 值 最 大 的 单元 格 的 高 度 为 准 。 
同样 ， 相 同 的 列 的 宽度 值 也 必须 相同 。 如 果 一 列 中 每 个 单元 格 的 宽度 不 相同 ， 则 以 宽度 值 最 
大 的 单元 格 的 宽度 为 准 。 

与 表格 工具 一 样 ， 每 个 单元 格 具 有 两 个 重要 的 属性 : colSpan 和 rowSpan， 分 别 表示 单元 


格 所 占 的 横向 格 数 和 纵向 格 数 。 

下 面 创建 了 一 个 使 用 Grid 容器 组 件 的 简单 实例 ， 在 该 实例 中 ,创建 了 一 个 3 行 3 列 的 表 
格 ， 每 个 单元 格 中 拖 忠 进去 一 个 Button 按钮 组 件 ， 并 设置 一 些 单元 格 的 colSpan 和 rowSpan 
属性 ， 如 代码 10.11 所 示 。 


代码 10.11 使 用 Grid 组 件 
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</mx:GridItem> 
<mx:GridItem borderstyle="solid"> 
<mx:Button label=" 第 三 行 第 三 列 " width="100"/> 
</mx:GridItem> 
</mx:GridRow> 
</mx:Grid> 
</mx:Panel> 


</mx:Application> 


运行 上 面 的 程序 ， 其 具体 效果 如 图 10-12 所 示 。 从 图 中 可 以 看 出 ， 这 里 一 共有 3 行 3 列 ， 
每 个 单元 格 中 的 元 素 并 不 完全 相同 ， 但 是 每 一 行 和 每 一 列 的 高 度 和 宽度 都 相同 ， 并 且 自动 对 
齐 。 由 于 第 1 行 第 2 列 单元 格 中 的 colSpan 属性 值 为 2， 即 横向 占 了 两 个 单元 格 的 宽度 ， 第 1 
行 第 3 个 单元 格 将 自动 后 移 ; 第 2 行 第 2 列 单元 格 的 rowSpan 属性 为 2, 即 纵向 占用 两 个 单元 
格 的 高 度 ， 那 么 第 3 行 的 第 2 个 和 第 3 个 单元 格 将 自动 后 移 。 
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图 10-12 创建 3 行 3 列 的 网 格 


在 Grid 容器 组 件 中 ， 默 认 行 与 行 之 间 、 列 与 列 之 间 存 在 着 间隔 。 如 果 需 要 取消 间隔 ， 则 
可 以 设置 Grid 组 件 的 horizontalGap 和 verticalGap 属性 值 为 0。 例 如， 修改 代码 10.11 中 的 间 
隔 值 为 0， 其 显示 效果 如 图 10-13 所 示 。 
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10-13 ”取消 网 格 间隔 


[a 在 Grid 组 件 ， 黑 认 水 平 间隔 为 8 像素， 默认 径直 间隔 为 6 像素 。 


10.5 “导航 容器 


在 浏览 网 站 时 ， 经 常 可 以 看 到 许多 内 容 模块 都 使 用 了 导航 容器 ， 可 以 在 一 个 局 部 模块 间 
切换 内 容 ， 即 丰富 了 页 面 的 显示 内 容 ， 又 为 页 面 添 加 了 视觉 上 的 动态 效果 。 在 Flex Builder 3 
中 也 提供 了 这 样 的 导航 容器 。 本 节 将 详细 介绍 这 类 组 件 。 


10.5.1 ViewStack 组 件 


ViewStack 组 件 是 由 若干 个 重 县 在 一 起 的 子 容器 组 成 的 , 每 次 只 有 一 个 容器 是 可 见 的 或 者 
活动 的 。ViewStack 组 件 的 子 容器 可 以 包括 Canvas、Panel、HBox、VBox 等 。 

ViewStack 容器 本 身 并 没有 为 用 户 提供 在 不 同 的 子 容器 视图 间 切 换 的 功能 , 但 是 可 以 通过 
ActionScript 脚本 语言 来 进行 控制 , 或 者 把 ViewStack 组 件 与 其 他 控制 类 组 件 结合 在 一 起 使 用 ， 
如 ButtonBar、LinkBar 组件 等 。 

ViewStack 组 件 的 SelectedChild 属性 表示 当前 处 于 激活 状态 的 子 级 容器 对 象 。 通过 控制 该 
属性 的 值 ， 就 可 以 实现 在 不 同 的 子 容器 间 切 换 的 功能 。 

下 面 创建 了 一 个 使 用 ViewStack 组 件 的 简单 实例 ， 在 该 实例 中 ， 使 用 Button 按钮 控制 显 
示 ViewStack 组 件 的 子 级 容器 ， 如 代码 10.12 所 示 。 


代码 10.12 ”使 用 ViewStack 组 件 


在 代码 10.12 中 ， 创 建 了 一 个 ViewStack 组 件 ， 并 在 里 面 添加 了 3 个 Canvas 容器 组 件 ， 
并 设置 每 个 Canvas 容器 的 内 容 及 背景 颜色 。 在 ViewStack 组 件 上 面 , 创建 了 3 个 Button 按钮 ， 
分 别 设置 其 click 事件 ， 在 事件 中 设置 ViewStack 组 件 的 selectedChild 属性 值 ， 用 来 显示 相应 


的 子 容器 。 具 体 效果 如 图 10-14 所 示 。 
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图 10-14 使 用 ViewStack 组 件 


10.5.2 ”Accordion 组 件 


Accordion 组 件 是 一 个 可 折 辣 的 导航 容器 ， 与 ViewStack 组 件 不 同 ， 该 组 件 包含 一 个 子 面 
板 的 列表 ， 但 是 每 次 只 显示 一 个 面板 。 如 果 要 切换 到 相应 的 子 面板 ， 单 击 与 之 相对 应 的 导航 
按钮 即 可 。 在 实际 的 网 站 开发 过 程 中 ，Accordion 组 件 应 用 非常 广泛 ， 用 户 可 以 按 任何 顺序 访 
问 子 面板 ， 随 意 在 子 面板 中 前 后 移动 。 

在 Accordion 组 件 的 子 级 容器 中 ， 需 要 设置 其 label 属性 ， 该 属性 的 值 即 为 Accordion 组 
件 的 导航 按钮 的 显示 文本 。 

下 面 创建 了 一 个 使 用 Accordion 组 件 的 实例 , 该 实例 显示 新 闻 图 片 展示 功能 , 如 代码 10.13 
所 示 。 

代码 10.13 ”新闻 图 片 展示 
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pd 
</mx:TextArea> 
</mx:VBox> 
</mx:HBox> 
</mx:Panel> 


</mx:Application> 


在 代码 10.13 中 ,创建 了 一 个 Accordion 组 件 ， 在 组 件 内 创建 了 5 个 VBox 容器 组 件 ， 在 
每 个 子 容器 中 添加 Image 组 件 和 TextInput 组 件 。 设 置 每 个 VBox 组 件 的 label 属性 、Image 组 
件 的 source 属性 和 TextInput 组 件 的 text 属性 ， 并 且 设 置 每 个 组 件 的 宽度 和 高 度 。 运 行程 序 ， 
单 击 Accordion 组 件 中 的 导航 按钮 ， 就 可 以 在 不 同 的 新 闻 图 片 之 间 进 行 切换 。 有 具体 的 效果 如 图 
10-15 所 示 。 
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图 10-15 新 闻 图 片 展示 


10.5.3 TabNavigator 组 件 


TabNavigator 组 件 继 承 自 ViewStack 组 件 ， 因 此 它 拥 有 ViewStack 组 件 的 所 有 特性 。 并 且 
在 ViewStack 组 件 的 基础 上 , 添加 了 可 以 供用 户 切 换 内 容 的 界面 接口 。 在 TabNavigator 组 件 的 
顶部 增加 了 一 个 标签 条 ， 单 击 标签 条 上 面 的 标签 ， 就 可 以 切换 到 相对 应 的 容器 面板 。 

和 Accordion 组 件 相似 ，TabNavigator 组 件 中 每 一 个 子 容 器 都 需要 设 定 其 label 属性 ， 该 
属性 的 值 即 为 标签 提示 文本 。 

下 面 使 用 TabNavigator 组 件 创建 了 一 个 简单 的 实例 ， 模 拟 创建 网 页 中 一 个 具体 的 计算 机 
教程 模块 ， 如 代码 10.14 所 示 。 


代码 10.14 ”创建 教程 内 容 模块 


<?xml version="]1.0" encoding="utf-8"?> 


在 代码 10.14 中 ， 使 用 TabNavigator 组 件 ， 在 组 件 中 使 用 了 5 个 Canvas 容器 组 件 ， 分 别 
设置 其 label、width 和 height 属性 的 值 ， 并 且 设计 每 个 子 容器 的 内 容 。 在 实际 应 用 中 需要 对 每 
个 子 容器 中 的 内 容 进行 详细 设计 ， 这 里 由 于 篇 幅 问题 ， 只 设计 了 一 个 子 容器 的 内 容 。 在 label 
属性 为 “Flex 教程 ”的 Canvas 容器 组 件 中 ， 使 用 了 一 个 Tree 组件， 设置 其 数据 源 为 上 面 定义 
的 XML 文件 ， 并 且 设 置 labelField="@label"， 即 解析 XML 文件 中 节点 的 label 属性 的 值 。 

运行 上 面 的 程序 ， 单 击 【Flex 教程 】 标 签 ， 切 换 到 相应 的 容器 面板 ， 有 具体 显示 效果 如 图 
10-16 所 示 。 
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图 10-16 计算 机 教程 模块 


使 用 行为 对 象 和 动画 效果 


;1 1 


过 内 容 摘要 newcct 

在 前 面 章节 中 已 经 介绍 了 大 量 的 Flex 组 件 ， 本 章 将 主要 介绍 Flex 中 行为 和 特效 类 组 件 ， 
包括 Effects、States 和 Transition 等 。 通 过 对 这 些 组 件 的 学 习 ， 并 结合 前 面 的 基础 组 件 可 以 制 
作出 各 种 动画 效果 ， 使 页 面 的 表现 形式 更 加 丰富 。 


/学 习 目 标 1oweenw。 

> 理解 行为 对 象 的 概念 

> 掌握 如 何 创建 行为 

> 掌握 Flex 的 组 件 

> 熟练 掌握 常见 动画 效果 的 制作 方法 
> 掌握 State 对 象 的 使 用 方法 

> 掌握 Transtion 对 象 的 使 用 方法 


11.1 认识 行为 对 象 


首先 来 探讨 一 下 什么 是 行为 对 象 ， 理 解 行为 对 象 的 概念 对 以 后 的 学 习 有 很 大 的 帮助 。 接 
下 来 对 如 何 创建 行为 对 象 进行 简单 介绍 。 


11.1.1 行为 对 象 简介 


一 个 行为 对 象 ， 可 以 看 作 是 触发 器 〈Trigger) 和 动画 效果 〈Effect) 的 结合 体 。 一 个 动画 
就 是 一 个 行为 对 象 ， 即 一 个 动画 实际 上 分 为 触发 器 和 动画 效果 这 两 部 分 。 触 发 器 是 一 个 用 户 
动作 ， 往 往 伴随 一 个 事件 ， 如 鼠标 的 单 击 、 鼠 标的 松 开 。 一 旦 动作 发 生 ， 触 发 器 被 激活 ， 动 
画 就 开始 播放 。 动 画 效果 由 非 可 视 化 组 件 完成 。Flex 中 包括 多 种 动画 效果 ， 如 淡 入 淡出 效果 、 
放大 、 缩 小 、 移 动 、 遮 罩 效 果 等 ， 这 些 动画 效果 都 是 由 ActionScript 实现 的 ， 只 运行 一 段 时间 。 
在 Flex 中 这 些 都 被 封装 起 来 ， 包 括 常用 的 动画 效果 也 被 封装 起 来 。 所 以 使 用 起 来 非常 简单 。 
但 是 ， 触 发 器 和 事件 并 不 相同 ， 针 对 一 个 事件 的 触发 器 ， 受 到 事件 的 制约 。 事 件 可 以 被 监听 ， 
而 触发 器 不 可 以 。 

综 上 所 述 ， 行 为 对 象 允许 对 一 个 触发 器 定义 多 个 动画 效果 ， 当 触发 器 被 激活 ， 这 一 系列 


的 动画 会 按 某 种 顺序 运行 。 例 如 ， 在 单 击 一 个 按钮 后 ， 图 片 的 尺寸 变 大 ， 同 时 图 片 的 位 置 也 
不 断 变 化 。 

行为 对 象 适用 于 一 切 可 视 化 的 组 件 ， 而 且 组 件 已 经 预 留 了 相关 的 实现 接口 ， 可 以 很 方便 
地 将 一 些 使 用 频繁 的 事件 和 行为 对 象 联系 起 来 使 用 ， 极 大 地 增强 程序 的 交互 性 。 


11.1.2 ”创建 行为 对 象 


行为 对 象 的 创建 可 以 通过 MXML 和 ActionScript 两 种 方式 来 定义 。 下 面 分 别 对 这 两 种 方 
式 做 简单 介绍 。 

第 一 种 方式 使 用 Move 组 件 , 在 该 组 件 中 将 target 指定 的 作用 目标 img 图 片 从 xFrom 移动 
到 xTo 位 置 ，duration 表示 持续 的 时 间 (单位 为 毫秒 )。 实 例如 代码 11.1 所 示 。 


代码 11.1 使 用 MXML 标签 创建 行为 : EffectsControl.mxml 


所 有 动画 对 象 都 继承 Effect 对 象 。 抽 象 类 定义 的 控制 动画 的 播放 流程 的 方法 如 下 所 示 。 

口 play(targets:Array = null, playReversedFromEnd:Boolean=false) 开始 播放 。 其 中 
targets 表示 一 组 目标 对 象 ， 这 将 履 盖 原来 的 目标 对 象 。playReversedFromEnd 指示 是 否 
逆向 播放 。 

end0 停止 播放 动画 。 

pause() ”暂停 播放 动画 。 

resume()” 当 暂停 时 ， 继 续 播 放 。 

reverse() 逆向 播放 动画 ， 如 果 动 画 正 在 播放 ， 则 从 当前 位 置 开始 逆向 播放 。 

也 可 以 使 用 ActionScript 来 完成 行为 对 象 的 创建 ， 具 体 示 例如 代码 11.2 所 示 。 


代码 11.2 ”使 用 ActionScript 创建 行为 


国有 


使 用 行为 对 象 和 动画 效果 


Hm cript> 


<mx:Image id="img Nokia™" x="200" y="200" source="@Embed (source="'. 


Nokia 6630.png')"/> 


<mx:Button label=" 移 动 位 置 " click="MoveImg.play()" x="200" y="150"/> 


使 用 以 上 两 种 方式 创建 的 行为 对 象 动画 效果 完全 一 致 。 


11.2 行为 和 组 件 
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本 节 首 先 简单 介绍 组 件 的 行为 触发 器 ， 然 后 通过 一 个 实例 来 详细 介绍 如 何 为 组 件 添加 行 


为 。 


11.2.1 组 件 的 行为 和 动画 效果 


UIComponent 是 所 有 组 件 的 父 类 ， 该 类 定义 了 组 件 共有 的 属性 和 方法 ， 其 中 包括 行为 触 


发 器 。 组 件 常见 的 行为 触发 器 如 表 11-1 所 示 。 
表 11-1 组 件 常见 的 行为 触发 器 


触发 器 名 称 对 应 的 事件 名 称 事件 描述 

addedEffect Added 当 组 件 被 添加 到 容器 中 时 触发 
createCompleteEffect createComplete 当 组 件 完成 绘制 时 触发 
removedEffect removed 当 组 件 从 容器 中 删除 时 触发 
focusInEffect focusIn 当 组 件 获得 光标 焦点 时 触发 
focusOutEffect focusOut 当 组 件 失去 光标 焦点 时 触发 
hideEffect hide 当 组 件 变 成 不 可 见 时 触发 
showEffect show 当 组 件 变 成 可 见 时 触发 
mouseDownEffect mouseDown 当 鼠 标 在 组 件 上 按 下 时 触发 
mouseUpEffect mouseUp 当 鼠 标 在 组 件 上 松 开 时 触发 
rollOutEffect rollOut 当 鼠 标 从 组 件 上 移 开 时 触发 
rollOverEffect rollOver 当 鼠 标 移 到 组 件 上 时 触发 
moveEffect move 当 组 件 被 移动 时 触发 
resizeEffect Tesize 当 组 件 大 小 改变 时 触发 


在 Flex 中 ， 所 有 的 动画 效果 都 是 Effect 类 的 子 类 ， 位 于 mx.Effects 包 中 ， 这 里 面包 含 的 


Effect 组 件 如 表 11-2 所 示 。 这 些 动画 效果 一 起 构成 了 Flex 丰富 的 效果 库 。 
表 11-2 Effect 组 件 


组 件 名 称 动画 效果 描述 

AnimateProperty 针对 组 件 的 一 个 以 数字 计算 的 属性 ， 例 如 长 度 ， 按 给 定 的 起 始 值 逐 渐 改 变 属性 的 
大 小 

Blur 模糊 效果 ,可 以 让 组 件 变 得 模糊 不 清 。 核 心 由 BlurFilter 滤 镜 完成 。 当 对 组 件 使 用 了 


该 效果 ， 不 可 再 使 用 Blur 滤 镜 和 其 他 模糊 效果 


续 表 


淡 入 淡出 效果 。 注 意 : 当 目标 对 象 中 包括 文字 时 ， 必 须 使 用 嵌入 字体 

Dissolve 溶解 效果 ， 主 要 是 在 目标 对 象 上 增加 覆盖 层 ， 改 变 覆 盖 层 的 透明 度 ， 达 到 让 目标 消 
失 或 出 现 的 效果 。 和 Fade 效果 相 比 ， 它 可 以 设置 覆盖 层 的 颜色 。 注 意 : 当 目 标 对 象 
中 包括 文字 时 ， 必 须 使 用 磅 入 字体 


Glow 发 光 效果 , 使 用 了 GlowFilter 滤 镜 。 当 对 组 件 使 用 了 该 效果 , 不 可 再 使 用 GlowFilter 
滤 镜 和 其 他 发 光 效果 

Iris 彩虹 效果 ， 组 件 以 矩形 方式 ， 从 中 心 放大 ， 或 缩小 到 中 心 ， 属 于 庶 单 效果 

Move 移动 效果 。 移 动 组 件 的 坐标 ， 只 有 当 组 件 位 于 支持 绝对 定位 的 容器 中 时 才 有 效 ， 如 
Canvas、Application、Panel 等 

Pause 停止 ， 什 么 都 不 改变 ， 没 有 动画 。 一 般 用 于 复合 动画 效果 中 ， 用 来 分 割 前 后 两 个 
动画 

Resize 尺寸 调整 效果 ， 改 变 组 件 的 长 和 宽 。 当 改变 组 件 的 长 和 宽 时 ， 处 于 同一 个 容器 的 其 
他 组 件 的 大 小 也 可 能 会 相应 改变 ， 如 果 该 容器 使 用 了 绝对 定位 则 不 会 发 生 这 种 情况 

Rotate 旋转 效果 。 注 意 : 当 目标 为 文本 类 型 时 ， 必 须 使 用 嵌入 字体 

SoundEffect 声音 效果 ， 播 放 一 个 MP3 声音 

WipeLeft 擦 除 效果 ， 属 于 遮 单 效果 。 共 4 种， 分 别 对 应 不 同方 向 

WipeRight 

WipeUp 

WipeDown 

Zoom 缩放 效果 ， 以 组 件 为 中 心 进行 缩放 


11.2.2 ”为 组 件 添加 行为 一 一 执行 监听 动画 


为 组 件 添加 行为 只 需要 设 定 相应 的 触发 器 事件 即 可 。 为 了 更 好 地 控制 动画 效果 ， 一 般 要 
重新 设置 动画 效果 的 参数 ， 达 到 自己 期 望 的 效果 。 
下 面 创建 一 个 简单 的 实例 来 说 明 组 件 行为 的 基本 使 用 方法 ， 具 体 如 代码 11.3 所 示 。 


代码 11.3 ”组 件 行为 的 基本 使 用 方法 : EffectTest.mxml 


| 1s 


使 用 行为 对 象 和 动画 效果 


internal function effectEndHandler() :void 
{ 
btnEffect.label=" 动 画 结 束 "; 
} 
]]> 


</mx:Script> B03) 


<mx:Iris id= "Irisl" effectStart="effectStartHandler()" effectEnd= 
"effectEndHandler ()" /> 

<mx:Image id="image" x="100" y="100" source="@Embed (source='../images/ 
Nokia 6630.png')" showEffect="{Irisl}" 

hideEffect="{Irisl}"/> 

<mx:Button labe =" 显 示 / 隐 藏 " Xx="100" y="50" click="image.visible = 
!image.visible" id="btnEffect" fontSize="12"/> 


</mzx:Application> 


在 代码 11.3 里 使 用 了 数据 绑 定 ， 将 Iris 动画 组 件 和 Image 组 件 的 触发 器 事件 绑 在 一 起 ， 
当 触 发 器 对 应 的 事件 被 激发 时 , 动画 自动 开始 播放 。MXML 语句 中 ，image 组 件 的 showEffect 
和 hideEffect 都 指向 了 Irisl。 这 样 , 只 要 visible 属性 发 生 改变 , myIris 动画 就 会 开始 播放 。 Irisl 
是 Fis 类 型 ， 程 序 中 还 监听 了 它 的 effectStart 和 effectEnd 事件 。 

在 EffectTestmxml 文件 的 代码 编写 完成 后 保存 ， 在 对 应 项 目 中 右 击 该 文件 名 称 ， 运 行 应 
用 程序 ， 效 果 如 图 11-1 所 示 。 


Flex Developaent ~ EffectsControl/sre/EffeciTest. mxal — Adobe Flex Duilder 3 
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图 11-1 运行 应 用 程序 


第 3 篇 ”Flex 组 件 应 用 篇 


当 应 用 程序 启动 后 ， 网 页 初始 化 完成 ， 最 终 效果 如 图 11-2 所 示 。 
单 击 页 面 中 的 【显示 /隐藏 】 按 钮 ， 动 画 开始 执行 ， 按 钮 上 显示 “动画 开始 ”， 效 果 如 图 
11-3 所 示 。 直 到 动画 播放 结束 ， 按 钮 上 显示 “动画 结束 ”。 


图 11-2 网 页 最 终 效果 图 11-3 动画 开始 


11.3 常见 动画 效果 


在 上 一 节 中 介绍 了 特效 类 组 件 及 其 运行 方式 ， 那 么 本 节 将 对 这 些 特效 组 件 分 别 进行 详细 
介绍 ， 包 括 Blur (模糊 )、Glow (发 光 )、Fade 〈 淡 入 淡出 )、Dissole (溶解 ) 和 Iris 〈 彩 虹 ) 
等 。 


11.3.1 ”模糊 效果 


Blur 组 件 实现 模糊 效果 ， 可 以 让 组 件 变 得 模糊 不 清 。 下 面 通过 一 个 简单 的 实例 来 说 明 该 
组 件 的 使 用 ， 有 具体 步骤 如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 Blurmxml 的 
MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手机 图 片 并 加 载 两 个 触发 器 ， 添 加 一 个 Text 组 件 用 于 显示 提示 
信息 ， 具 体 如 代码 11.4 所 示 。 


代码 11.4 布局 图 像 模 糊 窗 体 : Blur.mxml 


<?xm] version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout= 
"absoluter> 

<mx:Panel title=" 模 糊 特 效 实例 " width="100%" height="75%" 


第 | 1s 


使 用 行为 对 象 和 动画 效果 


paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom= 
"10" fontstyle="normal" fontSize="12"” fontWeight="bold"> 


<mx:Text width="100%" color="#ED5520" 


text=" 在 图 像 上 单 击 并 按 住 鼠 标 左 键 将 看 到 图 像 模糊 效果 。 松 开 鼠 标 后 将 还 原 为 原 图 
像 效 果 。"/> 


<mx:Image id="flex" source="@Embed(source='../images/Nokia_ 
6630.png')" 
mouseDownEffect="{blurImage}" 
mouseUpEffect="{unblurImage}"/> 


</mx:Panel> 


</mx:Application> 


(3) 添加 实现 图 像 模糊 的 Blur 组 件 ， 该 组 件 的 duration 属性 设置 持续 时 间 ，BlurXFrom 
和 BlurXTo 设置 图 片 x 轴 上 的 偏 移 度 ，BlurYFrom 和 BlurYTo 设置 图 片 在 y 轴 上 的 偏 移 度 ， 
具体 如 代码 11.5 所 示 。 


代码 11.5 添加 实现 图 像 模糊 的 Blur 组 件 


<mx:Blur id="blurImage" duration="1000" 
blurXFrom="0.0" blurXTo="10.0" 
blurYFrom="0.0" blurYTo="10.0"/> 

<mx:Blur id="unblurIimage" duration="1000" 
blurXFrom="10.0" blurXTo="0.0" 
blurYFrom="10.0" blurYTo="0.0"/> 


(4) 在 以 上 代码 添加 完成 后 ， 使 用 Blur 组 件 制作 模糊 特效 功能 已 实现 。 将 文件 保存 后 ， 
运行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-4 所 示 。 

(5) 单 击 或 按 下 页 面 中 的 手机 图 片 ， 图 片 将 呈现 模糊 状态 ， 效 果 如 图 11-5 所 示 。 该 状态 
直到 鼠标 离开 1 秒 后 结束 。 


11-4 页 面 初始 化 后 的 效果 图 图 11-5 图 片 呈现 模糊 状态 


® 


11.3.2” 淡 入 淡出 效果 


Fade 组 件 实现 淡 入 淡出 效果 ， 可 以 让 组 件 变 得 模糊 不 清 。 下 面 通过 一 个 简单 的 实例 来 说 
明 该 组 件 的 使 用 ， 具 体 步骤 如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 Fade.mxml 的 
MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手 机 图 片 并 加 载 两 个 触发 器 ， 添 加 一 个 Text 组 件 用 于 显示 提示 
信息 , 还 添加 一 个 Label 组 件 用 于 显示 图 片 名 称 也 加 载 两 个 触发 器 并 且 与 Image 组 件 加 载 的 相 
同 , 最 后 添加 一 个 CheckBox 组 件 用 于 控制 淡 入 淡出 的 状态 。 由 于 使 用 淡 入 淡出 效果 以 显示 或 
隐藏 文字 时 ， 需 要 嵌入 字体 ， 因 此 需 使 用 代码 嵌入 字体 。 具 体 如 代码 11.6 所 示 。 


代码 11.6 布局 淡 入 淡出 效果 窗 体 : Fade.mxml 
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hideEffect="{fadeOut}" showEffect="{fadeIn}"/> 


<mx:CheckBox id="chkShow" label="visible" selected="true"/> 


</mz:Panel> 


</mx:Application> 


(3) 添 加 实现 淡 入 淡出 效果 的 Fade 组 件 , 该 组 件 的 duration 属性 设置 持续 时 间 , alphaFrom 
和 alphaTo 设置 图 片 透明 度 ，1.0 表示 不 透明 ，0.0 表示 完全 透明 ， 具 体 如 代码 11.7 所 示 。 


代码 11.7 添加 实现 淡 入 淡出 效果 的 Fade 组 件 


<mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/> 
<mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/> 


(4) 在 以 上 代码 添加 完成 后 ， 使 用 Fade 组 件 制作 淡 入 淡出 特效 功能 已 实现 。 将 文件 保存 
后 ， 运 行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-6 所 示 。 

(5) 初始 化 状态 下 ，visible 复 选 框 处 于 被 选 状态 ， 单 击 该 复 选 框 使 其 处 于 未 选中 状态 时 ， 
图 片 将 呈现 淡 入 状态 ， 效 果 如 图 11-7 所 示 。 当 再 次 单 击 选中 复 选 框 时 将 呈现 淡出 状态 。 
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图 11-6 页 面 初始 化 后 的 效果 图 图 11-7 图 片 呈 现 淡 入 状态 


11.3.3 ”发 光 效 果 


Glow 组 件 实 现 发 光 效果 时 ， 使 用 了 GlowFilter 滤 镜 。 当 对 组 件 使 用 了 该 效果 ， 不 可 再 使 

日 GlowFilter 滤 镜 和 其 他 发 光 效 果 。 下面 通 过 一 个 简单 的 实例 来 说 明 该 组 件 的 使 用 , 有 具体 步骤 

如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 名 为 Glow.mxml 的 
MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 


一 个 Image 组 件 用 于 加 载 一 张 手 机 图 片 并 加 载 两 个 触发 器 ， 添 加 一 个 Text 组 件 用 于 显示 提示 
信息 ， 具 体 如 代码 11.8 所 示 。 


代码 11.8 布局 图 像 模糊 窗 体 : Glow.mxml 


(3) 添加 实现 图 像 发 光 的 Glow 组 件 ， 该 组 件 的 duration 属性 设置 持续 时 间 ，alphaFrom 


和 alphaTo 设置 图 片 的 透明 度 , BlurXFrom 和 BlurXTo 及 BlurYFrom 和 BlurYTo 设置 图 片 发 光 
的 范围 ， 具 体 如 代码 11.9 所 示 。 


代码 11.9 ”添加 实现 图 像 发 光 的 Glow 组 件 


(4) 在 以 上 代码 添加 完成 后 ， 使 用 Glow 组 件 制作 发 光 特效 功能 已 实现 。 将 文件 保存 后 ， 
运行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-8 所 示 。 

(5) 单 击 或 按 下 页 面 中 的 手机 图 片 ， 图 片 将 呈现 发 光 状态 ， 效 果 如 图 11-9 所 示 。 
直到 鼠标 离开 1 秒 后 结束 。 
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图 11-8 页 面 初始 化 后 的 效果 图 图 11-9 图 片 呈现 模糊 状态 


11.3.4 “彩虹 效果 


彩虹 效果 已 经 在 前 面 的 实例 中 碰 到 过 ， 需 要 由 Iris 组 件 实现 ， 组 件 以 矩形 方式 ， 从 中 心 放 
大 ， 或 缩小 到 中 心 ， 属 于 遮 罩 效果 。 下 面 通过 一 个 简单 的 实例 来 说 明 该 组 件 的 使 用 ， 有 具体 步 
又 如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 Fris.mxml 的 
MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手机 图 片 并 加 载 两 个 触发 器 ， 添 加 一 个 Text 组 件 用 于 显示 提示 
信息 ， 添 加 一 个 CheckBox 组 件 用 于 控制 图 片 的 显示 状态 。 有 具体 如 代码 11.10 所 示 。 


代码 11.10 布局 图 像 模糊 窗 体 : Glow.mxml 


<?xml version="1.0" encoding="utf-8"?> 


<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout= 
"absolute"> 
<mx:Panel title=" 彩 虹 特 效 实例 "width="100%" height="75%" 
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom= 
"10"” fontstyle="normal" fontSize="12"” fontWeight="bold"> 


<mx:Text width="100%" color="#ED5520" 


text=" 使 用 彩虹 效果 能 够 显示 或 隐藏 图 片 。"/> 
<mx:Image source="@Embed(source='../images/Nokia 6630.png')" 
visible="{ChkShow.selected}" showEffect="{irisIn}" hideEffect= 


ral” /> 


<mx:CheckBox id="ChkShow" label="visible" selected="true"/> 
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</mx:Panel> 


</mx:Application> 


(3) 添加 实现 彩虹 特效 的 Iris 组 件 ， 该 组 件 的 duration 属性 设置 持续 时 间 ，showTarget 属 
性 设置 图 片 的 方向 ， 即 由 内 向 外 或 由 外 向 内 ， 具 体 如 代码 11.11 所 示 。 


代码 11.11 添加 实现 彩虹 效果 的 Iris 组 件 


<mx:Iris id="irisOut" duration="1000" showTarget="true"/> 
<mx:Iris id="irisIin" duration="1000" showTarget="false"/> 


(4) 在 以 上 代码 添加 完成 后 ,使 用 Iris 组 件 制 作 彩虹 特效 功能 已 实现 。 将 文件 保存 后 ， 运 
行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-10 所 示 。 

(5) 初始 化 状态 下 ，visible 复 选 框 处 于 被 选中 状态 ， 单 击 该 复 选 框 使 其 处 于 未 选中 状态 
时 ， 图 片 将 呈现 由 外 向 内 彩虹 效果 。 效 果 如 图 11-7 所 示 。 当 再 次 单 击 选中 复 选 框 时 将 呈现 由 
内 向 外 彩虹 效果 。 
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形 虹 桂 效 实例 
使 用 形 虹 效 果 驴 如 显示 求 陷 启 图片。 


图 11-10 页 面 初始 化 后 的 效果 图 图 11-11 图 片 呈现 由 外 向 内 彩虹 特效 


11.3.5 ”溶解 效果 


Dissolve 组 件 实现 溶解 效果 ， 主 要 是 在 目标 对 象 上 增加 覆盖 层 ， 改 变 覆 盖 层 的 透明 度 ， 达 
到 让 目标 消失 或 出 现 的 效果 。 和 Fade 效果 相 比 ， 该 组 件 可 以 设置 覆盖 层 的 颜色 。 与 Fade 相同 
的 是 当 目 标 对 象 中 包括 文字 时 ， 必 须 使 用 嵌入 字体 。 下 面 通过 一 个 简单 的 实例 来 说 明 该 组 件 
的 使 用 ， 具 体 步骤 如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 Dissolve.mxml 
的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手 机 图 片 并 加 载 两 个 触发 器 ， 添 加 一 个 Text 组 件 用 于 显示 提示 
信息 , 还 添加 一 个 Label 组 件 用 于 显示 图 片 名 称 也 加 载 两 个 触发 器 并 且 与 Image 组 件 加 载 的 相 


同 ， 最 后 添加 一 个 CheckBox 组 件 用 于 控制 图 片 的 显示 状态 。 在 该 实例 中 还 有 一 个 Button 按 
钮 ， 所 加 载 的 触发 器 与 Inage 完全 相同 ， 具 体 如 代码 11.12 所 示 。 


代码 11.12 布局 溶解 效果 窗 体 : Dissolve.mxml 


(3) 添加 实现 溶解 效果 的 Dissolve 组 件 , 该 组 件 的 duration 属性 设置 持续 时 间 , alphaFrom 
和 alphaTo 属性 设置 图 片 透 明度 ，1.0 表示 不 透明 ,0.0 表示 完全 透明 , 具体 如 代码 11.13 所 示 。 


代码 11.13 ”添加 实现 溶解 效果 的 Dissolve 组 件 
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(4) 在 以 上 代码 添加 完成 后 ， 使 用 Dissolve 组 件 制作 溶解 特效 功能 已 实现 。 将 文件 保存 
后 ， 运 行 应 用 程序 ， 页 面 初 始 化 后 的 效果 如 图 11-12 所 示 。 

(5) 初始 化 状态 下 ，visible 复 选 框 处 于 被 选中 状态 ， 单 击 该 复 选 框 使 其 处 于 未 选中 状态 
时 ， 图 片 、 图 片 标题 及 按钮 都 将 呈现 溶解 状态 ， 效 果 如 图 11-13 所 示 。 
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图 11-12 页面 初始 化 后 的 效果 图 图 11-13 呈现 溶解 状态 


11.3.6 ”移动 效果 


Move 组 件 实现 移动 效果 。 该 组 件 的 坐标 ， 只 有 当 组 件 位 于 支持 绝对 定位 的 容器 中 时 才 有 
效 ， 如 Canvas、Application、Panel 等 。 下 面 通 过 一 个 简单 的 实例 来 说 明 该 组 件 的 使 用 ， 有 具体 
步骤 如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 Move.mxml 的 
MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Canvas 组 件 、 一 个 Text 组 件 用 于 显示 提示 信息 。 最 后 在 已 经 添加 的 Canvas 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手 机 图 片 ， 具 体 如 代码 11.14 所 示 。 


代码 11.14 ”布局 移动 效果 窗 体 : Move.mxml 


<?xml version="1.0" encoding="utf-8"?> 

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout= 

"absolute"> 

<mx:Panel title=" 移 动 特效 实例 " width="100%" height="75%" 
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom= 
"10" fontstyle="normal" fontSize="12" fontWeight="bold"> 
<mx:Text width="100%" color="#ED5520"™ 
text=" 在 canvas 容器 中 的 任何 位 置 单 击 ， 目 标 内 容 将 被 移动 到 指定 的 位 置 "/> 

<mx:Canvas id="canvas" width="100%" mouseDown="moved () 7 "> 


<mx:Image id="img" source="@Embed (source='../images/Nokia 
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6630.png')" /> 
</mz:Canvas> 
</mzx:Panel> 


</mzx:Application> 


(3) 添加 实现 移动 效果 的 Move 组 件 ， 该 组 件 的 target 属性 用 于 指定 目标 控件 。 还 要 添加 
当 单 击 Canvas 组 件 的 任意 位 置 时 执行 的 事件 代码 ， 具 体 如 代码 11.15 所 示 。 


代码 11.15 添加 实现 移动 效果 的 Move 组 件 


<mx:Script> 
<! [CDATAT[ 


private function moved():void { 
Movel .end(); 
Movel .xTo=mouseX-50; 
Movel .play (); 
} 
iE 
</mx:Script> 


<mx :Move id="Movel" target="{img}"/> 


(4) 在 以 上 代码 添加 完成 后 ， 使 用 Move 组 件 制作 移动 特效 功能 已 实现 。 将 文件 保存 后 ， 
运行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-14 所 示 。 

(5) 初始 化 状态 下 ， 单 击 Canvas 容器 的 任意 位 置 ， 图片 将 呈现 移动 状态 , 效果 如 图 11-15 
所 示 。 


图 11-14 页 面 初始 化 后 的 效果 图 图 11-15 呈现 移动 效果 


11.3.7 ”尺寸 调整 效果 


H 


Resize 组 件 实现 尺寸 调整 效果 ， 改 变 组 件 的 长 和 宽 。 当 改变 组 件 的 长 和 宽 时 ， 处 于 
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个 容器 中 的 其 他 组 件 的 大 小 也 可 能 会 相应 改变 ， 如 果 该 容器 使 用 了 绝对 定位 则 不 会 发 生 这 种 
情况 。 下 面 通过 一 个 简单 的 实例 来 说 明 该 组 件 的 使 用 ， 具 体 步骤 如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 Resize.mxml 
的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手机 图 片 ， 添 加 一 个 Text 组 件 用 于 显示 提示 信息 ， 最 后 再 添加 
两 个 Button 组 件 用 于 执行 放大 或 缩小 操作 ， 具 体 如 代码 11.16 所 示 。 


代码 11.16 布局 图 像 尺寸 调整 窗 体 : Resize.mxml 


(3) 添加 实现 尺寸 调整 特效 的 Resize 组 件 ， 该 组 件 的 target 属性 设置 缩放 目标 ，widthTo 
属性 设置 目标 尺寸 调整 的 宽度 ，heightTo 属性 设置 目标 尺寸 调整 的 高 度 ， 具 体 如 代码 11.17 
所 示 。 


代码 11.17 ”添加 实现 尺寸 调整 效果 的 Resize 组 件 
(4) 在 以 上 代码 添加 完成 后 ， 使 用 Resize 组 件 制作 尺寸 调整 特效 功能 已 实现 。 将 文件 保 
存 后 ， 运 行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-16 所 示 。 


(5) 初始 化 状态 下 ， 目 标 图 片 宽 100、 高 200， 与 单 击 放 大 效果 时 设置 的 相同 ， 因 此 ， 单 
击 【 放 大 】 按 钮 将 无 任何 效果 ， 而 单 击 【缩小 】 按 钮 效果 如 图 11-17 所 示 。 当 再 次 单 击 【 放 大 】 
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按钮 时 将 返回 到 原始 效果 。 


DaceAELexY 第 11 章 VEffet 


[IE 


ET 


图 11-16 页 面 初始 化 后 的 效果 图 图 11-17 单 击 “缩小 ”按钮 时 效果 


11.3.8 ”旋转 效果 


Rotate 组 件 实现 旋转 效果 , 可 以 让 指定 目标 按照 指定 的 某 一 角度 执行 旋转 。 下 面 通过 一 个 
简单 的 实例 来 说 明 该 组 件 的 使 用 ， 具 体 步骤 如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 Rotate.mxml 
的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手 机 图 片 ， 添 加 一 个 Text 组 件 用 于 显示 提示 信息 ， 还 添加 一 个 
Label 用 于 显示 图 片 名 称 。 具 体 如 代码 11.18 所 示 。 


代码 11.18 ”布局 旋转 效果 窗 体 : Rotate.mxml 


<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout= 
"absolute" 
initialize="Font.registerFont (myweb font);"> 
<mx:Panel title=" 缩 放 特效 实例 " width="100%" height="75%" 
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom= 
"10"” fontstyle="normal" fontSize="12" fontWeight="bold"> 


<mx:VBox id="myVB" width="50%" horizontalAlign="center"> 
<mx:Label text="Nokia 9930" fontFamily="MyWeb" fontSize="14"/> 
<mx:Image id="img" source="@Embed (source='../images/Nokia_ 
6630.png')" /> 

</mx:VBox> 


<mx:Text width="100%" color="#ED5520™ 


(3) 添加 实现 旋转 效果 的 Rotate 组 件 ， 该 组 件 的 angleFrom 属性 设置 从 哪个 角度 开始 ， 


angleTo 属性 设置 到 哪个 角度 。 由 于 目标 中 包含 文本 类 型 ， 需 要 嵌入 字体 。 具 体 如 代码 11.19 
所 示 。 


代码 11.19 ”添加 实现 旋转 效果 的 Rotate 组 件 


(4) 在 以 上 代码 添加 完成 后 ， 使 用 Rotate 组 件 制 作 旋 转 特效 功能 已 实现 。 将 文件 保存 后 ， 
运行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-18 所 示 。 

(5) 初始 化 状态 下 ， 单 击 【 旋 转 30 度 】 按 钮 ， 图 片 将 旋转 30 度 ， 效 果 如 图 11-19 所 示 。 
当 再 次 单 击 时 将 从 上 次 旋转 位 置 开 始 继续 以 30 度 旋转 。 


11.3.9 声音 效果 


SoundEffect 组 件 实现 声音 效果 ,用 于 播放 一 个 MP3 声音 。 下 面 通过 一 个 简单 的 实例 来 说 
明 该 组 件 的 使 用 ， 有 具体 步骤 如 下 所 示 。 
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图 11-18 页 面 初始 化 后 的 效果 图 图 11-19 图 片 旋转 后 状态 


(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 Sonnd 
Effect.mxml 的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手 机 图 片 , 添加 一 个 Label 组 件 用 于 显示 提示 信息 , 具体 如 代码 
11.20 所 示 。 


代码 11.20 布局 声音 特效 窗 体 : SoundEffect.mxml 


<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout= 
"absolute"> 
<mx:Panel title=" 声 音 特效 实例 " width="100%" height="75%" 
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom= 
"10"” fontstyle="normal" fontSize="12" fontWeight="bold"> 


<mx:Label width="100%" color="#ED5520" 
text=" 单 击 图 片 将 听 到 MP3 音乐 。"/> 


<mx:Image id="img" source="eEmbed(source='.-.-/images/Nokia 
6630.png')" 
mouseDownEffect="{mySounds}"/> 


</mzx:Panel> 


</mx:Application> 


(3) 添加 实现 声音 特效 的 SoundEffect 组 件 ， 该 组 件 的 source 属性 设置 文件 来 源 ， 具 体 如 
代码 11.21 所 示 。 


代码 11.21 添加 实现 声音 特效 的 SoundEffect 组 件 


<mx:SoundEffect id="mySounds" source="@Embed(source='../images/ 


(4) 在 以 上 代码 添加 完成 后 ， 使 用 SoundEffect 组 件 制作 声音 特效 功能 已 实现 。 将 文件 保 
存 后 ,运行 应 用 程序 ,页面 初始 化 后 的 效果 如 图 。 pgm 
11-20 所 示 。 SO- 

(5) 单 击 页 面 中 的 手机 图 片 ,将 听 到 很 短 的 福全 Swe | 
一 段 声音 ， 不 管 你 播放 的 MP3 有 多 大 、 多 长 ， 
这 里 就 只 能 听 到 很 少 的 一 部 分 。 因 此 , 在 这 里 建 
议 使 用 体积 尽 可 能 小 的 MP3 播放 。 


11.3.10 ”缩放 效果 


Zoom 组 件 实现 缩放 效果 ， 以 组 件 为 中 心 进 
行 放 缩 。 下 面 通过 一 个 简单 的 实例 来 说 明 该 组 件 


的 使 用 ， 具 体 步骤 如 下 所 示 。 图 11-20 页面 初始 化 后 的 效果 图 
(1) 打 开 已 经 创建 完成 的 EffectsControl 项 目 , 在 src 目录 下 添加 一 个 名 为 ZoomEffectmxml 
的 MXML Application 文件 。 


(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手机 图 片 并 且 加 载 鼠 标 进入 和 移出 时 执行 的 事件 ,添加 一 个 Text 
组 件 用 于 显示 提示 信息 。 具 体 如 代码 11.22 所 示 。 


代码 11.22 ”布局 图 像 尺寸 调整 窗 体 : ZoomEffect.mxml 


(3) 添加 实现 缩放 效果 的 Zoom 组 件 ,该 组 件 的 zoomWidthTo 属性 设置 目标 缩放 的 宽度 ， 


ZoomHeiqhtTo 属性 设置 目标 缩放 的 高 度 ， 具 体 如 代码 11.23 所 示 。 
代码 11.23 ”添加 实现 缩放 效果 的 Zoom 组 件 


1 


(4) 在 以 上 代码 添加 完成 后 ， 使 用 Zoom 组 件 制作 缩放 效果 功能 已 实现 。 将 文件 保存 后 ， 
运行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-21 所 示 。 

(5) 初始 化 状态 下 , 将 鼠标 移动 到 图 片 任意 位 置 上 时 效果 如 图 11-22 所 示 。 当 离开 图 片 时 
将 返回 到 原始 效果 。 
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将 慑 标 移 动 到 | 卓 标 位 置 内 容 上 时 格 族 大 图 片 。 各 果 忌 标 离开 目标 位 加 郊 鼠 标 闪 动 到 旧 标 位 置 内 容 上 时 拘 放 大 图 片 。 知 果 忌 标 离开 日 标 位 置 
内 雁 和 和 忽 小 图 片 内 容 格 连 个 图 片 


图 11-21 页 面 初始 化 后 的 效果 图 图 11-22 鼠标 移动 到 图 片 任意 位 置 上 时 效果 


11.3.11 ” 擦 除 效果 


擦 除 效 果 共 有 WipeLeft、WipeRight、WipeUp 和 WipeDown4 种 ， 分 别 对 应 不 同方 向 ， 属 


于 遮 日 效果 。 这 4 种 方式 的 工作 机 制 基本 相同 ， 只 是 方向 不 同 , 这 里 仅 以 WipeUp 组 件 实现 擦 
除 效果 为 例 进 行 说 明 。 下 面 通过 一 个 简单 的 实例 来 说 明 该 组 件 的 使 用 ， 具 体 步 又 如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 WipeUp.mxml 
的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手机 图 片 并 加 载 两 个 触发 器 ， 添 加 一 个 Text 组 件 用 于 显示 提示 
信息 , 还 添加 一 个 Label 组 件 用 于 显示 图 片 名 称 也 加 载 两 个 触发 器 并 且 与 Image 组 件 加 载 的 相 
同 。 最 后 添加 一 个 CheckBox 组 件 用 于 控制 淡 入 淡出 的 状态 ， 具 体 如 代码 11.24 所 示 。 


代码 11.24 ”布局 图 像 擦 除 效果 窗 体 : WipeUp.mxml 


(3) 添加 实现 擦 除 效果 的 WipeUp 组 件 ， 该 组 件 的 duration 属性 设置 擦 除 持续 时 间 ， 具 体 
如 代码 11.25 所 示 。 


代码 11.25 ”添加 实现 擦 除 效 果 的 WipeUp 组 件 


(4) 在 以 上 代码 添加 完成 后 , 使 用 WipeUp 组 件 制作 擦 除 特效 功能 已 实现 。 将 文件 保存 后 ， 
运行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-23 所 示 。 
(5) 初始 化 状态 下 ，visible 复 选 框 处 于 被 选中 状态 ， 单 击 该 复 选 框 使 其 处 于 未 选中 状态 
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时 ， 图 片 将 呈现 擦 除 状 态 ， 效 果 如 图 11-24 所 示 。 当 再 次 单 击 选中 复 选 框 时 将 呈现 显示 状态 。 


图 11-23 页 面 初始 化 后 的 效果 图 图 11-24 呈现 擦 除 效果 


11.3.12 ”复合 效果 


所 谓 复合 效果 就 是 将 多 个 动画 效果 组 合 到 一 块 ， 同 时 执行 的 效果 。 这 里 以 使 用 Parallel 组 
件 实现 复合 效果 为 例 进行 说 明 。 下 面 通 过 一 个 简单 的 实例 来 说 明 该 组 件 的 使 用 ， 有 具体 步骤 如 
下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 Parallel.mxml 
的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添加 
一 个 Image 组 件 用 于 加 载 一 张 手 机 图 片 ， 添 加 一 个 Text 组 件 用 于 显示 提示 信息 ， 还 添加 两 个 
Button 组 件 用 于 执行 相关 操作 ， 具 体 如 代码 11.26 所 示 。 


代码 11.26 布局 图 像 复 合 效果 窗 体 : Parallel.mxml 


<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout= 
"absolute"> 
<mx:Panel title=" 复 合 效 果实 例 " width="100%" height="75%" 
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom= 
D> 


<mx:Text width="100%" color="#ED5520" 


text=" 使 用 按钮 组 件 移动 图 片 位 置 并 更 改 图 片 大 小 。"/> 


<mx:Canvas id="canvas" width="100%" height="100%"> 
<mx:Image id="img" x="20" y="20" width="30" height="60" 
source="@Embed (source="'../images/Nokia 6630.png')"/> 


(3) 添加 实现 复合 特效 的 Parallel 组 件 ， 该 复合 操作 由 Move 和 Resize 两 个 组 件 来 完成 。 
Paralle 组 件 的 target 属性 设置 操作 目标 ， 有 具体 如 代码 11.27 所 示 。 


代码 11.27 添加 实现 复合 效果 的 Parallel 组 件 


(4) 在 以 上 代码 添加 完成 后 ,使 用 Parallel 组 件 制作 复合 特效 功能 已 实现 。 将 文件 保存 后 ， 
运行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 11-25 所 示 。 

(5) 初始 化 状态 下 ， 单 击 【播放 】 按 钮 图 片 将 一 边 移动 ， 一 边 放 大 ， 直 到 指定 值 为 止 ， 
效果 如 图 11-26 所 示 。 单 击 【 返 回 】 按 钮 时 ， 将 执行 逆向 操作 。 


BE epae le 


图 11-25 页 面 初始 化 后 的 效果 图 图 11-26 最 终 效果 


11.4 行为 和 状态 


在 Adobe Flex 中 使 用 状态 和 变换 可 以 创建 更 为 丰富 、 更 具 互动 性 的 用 户 体 验 。 例 如 ， 可 
以 使 用 状态 去 创建 用 户 界面 ， 根 据 用 户 所 执行 的 操作 来 改变 它 的 外 观 。 


11.4.1 使 用 State 对 象 


简单 地 说 ， 状 态 定义 组 件 的 某 个 特定 视图 。 例 如 ， 产 品 缩 略 图 可 以 有 两 个 视图 状态 ; 包 
含 次 要 信息 的 基本 状态 和 包含 附加 信息 的 富 状态 。 相 似 地 ， 应 用 程序 可 以 有 与 不 同 应 用 程序 
状况 相对 应 的 多 个 视图 状态 ， 如 登录 状态 、 注 册 状 态 或 搜索 结果 状态 。 

下 面 的 实例 使 用 状态 很 容易 地 实现 登录 和 注册 表单 。 在 此 实例 中 ， 初 始 视图 状态 提示 用 
户 登 录 ， 并 根据 需要 包含 让 注册 的 链接 。 如 果 用 户 选择 【 单 击 这 里 注册 】 链 接 ， 则 该 表单 会 
改变 视图 状态 以 显示 注册 信息 。 当 用 户 单 击 【返回 登录 】 链 接 时 ， 视 图 状态 会 变 回 到 登录 表 
单 。 如 果 单 击 【下 一 步 】 按 钮 则 将 进入 填写 详细 信息 的 状态 。 下 面 看 一 下 该 实例 的 具体 步骤 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 ， 在 src 目录 下 添加 一 个 名 为 States.mxml 的 
MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 Panel 组 件 ， 然 后 在 该 组 件 中 添 一 
个 Text 组 件 用 于 显示 提示 信息 ， 添 加 两 个 Form 组 件 用 作 输 入 用 户 名 和 密码 的 文本 框 ， 添 加 
两 个 Button 组 件 分 别 用 于 登录 与 注册 等 ， 具 体 如 代码 11.28 所 示 。 


代码 11.28 布局 登录 表单 : States.mxml 


(3) 在 以 上 内 容 添加 完成 后 , 用 户 登 录 的 表单 设计 效果 已 制作 完成 , 效果 如 图 11-27 所 示 。 
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11-27 用 户 登 录 的 表单 设计 效果 


(4) 要 实现 状态 转换 需要 使 用 State 对 象 ， 因 此 需要 在 States.mxml 文件 的 Source 状态 下 
添加 State 对 象 代码 ， 这 里 输入 代码 内 容 如 代码 11.29 所 示 。 


代码 11.29 ”添加 State 对 象 代码 


(5 ) 转 换 到 States.mxml 文件 的 Design 状态 ,在 State 下 拉 列 表 中 显示 出 已 经 创建 的 Register 
状态 ， 效 果 如 图 11-28 所 示 。 

(6) 通过 查看 Register 状态 可 知 ， 该 状态 下 效果 与 用 户 登 录 表单 完全 相同 。 由 于 用 户 注 
册 信 息 的 首页 仅 包 含 用 户 名 、 密 码 及 重复 密码 的 输入 。 当 用 户 单 击 【返回 登录 】 链 接 时 ， 
视图 状态 会 变 回 到 登录 表单 。 如 果 单 击 【 下 一 步 】 按 钮 则 将 进入 填写 详细 信息 的 状态 。 因 此 
只 需 对 Register 状态 用 户 登 录 表 单 进行 适当 的 更 改 即 可 。 更 改 完毕 后 ， 最 终 代 码 如 代码 11.30 
所 示 。 


11-28 Register 状态 


代码 11.30 Register 状态 最 终 代 码 


(7) 在 Register 状态 下 切换 到 Design 设计 视图 ， 查 看 用 户 注册 首页 最 终 设计 效果 。 效 果 
如 图 11-29 所 示 。 

(8) 由 于 需要 填写 用 户 注册 的 详细 信息 ， 因 此 还 需 再 添加 一 个 状态 ， 这 里 设置 该 状态 的 
名 称 为 Details， 具 体 如 代码 11.31 所 示 。 


代码 11.31 用 户 注册 的 详细 信息 


11-29 用 户 注册 首页 设计 效果 
(9) 在 Details 状态 下 切换 到 Design 设计 视图 ， 查 看 用 户 注册 详细 信息 的 最 终 设计 效果 。 
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11-30 用 户 注册 详细 信息 设计 效果 


(10) 在 用 户 登 录 、 用 户 注册 首页 及 用 户 注册 详细 信息 3 种 状态 添加 完成 后 ， 使 用 State 
对 象 制作 用 户 登 录 的 实例 已 制作 完毕 。 将 文件 保存 后 ， 运 行 应 用 程序 ， 页 面 初始 化 后 的 效果 


如 图 11-31 所 示 。 
(11) 单 击 【 单 击 这 里 注册 】 按 钮 ， 进 入 用 户 注册 表单 ， 效 果 如 图 11-32 所 示 。 


如 果 修 还 不 是 太 关 用 户 ,请 单 击 ' 点 击 这 旦 注册 和 近 
钮 ， 汗 册 一 个 新 用 户 。 


用 户 各 ; 
轩 码 ; 


图 11-31 页 面 首次 运行 效果 图 11-32 用户 注册 表单 


(12) 在 用 户 注册 状态 下 ， 单 击 【返回 登录 】 按 钮 将 返回 登录 状态 ， 单 击 【下 一 步 】 按 钮 
将 进入 Details 状态 ， 继 续 填 写 用 户 详细 信息 ， 效 果 如 图 11-33 所 示 。 


11-33 用户 详细 信息 


11.4.2 ”使 用 Transition 对 象 


Transition〔 形 变动 画 ) 的 使 用 极 大 地 增强 了 状态 模式 下 界面 的 表现 力 。Transition (形变 
动画 ) 对 象 位 于 mx.states 包 中 ， 主 要 包括 两 个 属性 : fromState 和 toState， 分 别 代表 过 渡 动 作 
的 前 后 状态 。 当 状态 切换 符合 Transition 的 条 件 ， 即 切换 前 后 的 状态 和 fromState、toState 都 相 
等 时 ， 形 变动 画 就 开始 播放 。 

下 面 就 以 对 上 一 节 中 用 户 登录 及 注册 状态 之 间 相 互 切换 为 例 来 说 明 Transition 对 象 的 使 用 


方法 。 具 体 步骤 如 下 所 示 。 

(1) 打开 已 经 创建 完成 的 EffectsControl 项 目 , 在 src 目录 下 添加 一 个 名 为 Transition.mxml 
的 MXML Application 文件 。 

(2) Transition.mxml 文件 与 States.mxml 文件 的 布局 与 状态 基本 相同 , 只 做 了 少许 的 改动 ， 
这 里 不 再 详细 介绍 ， 具 体 如 代码 11.32 所 示 。 


代码 11.32 表单 布局 : Transition.mxml 


(3) 使 用 Transition 〈 形 变动 画 ) 为 转 入 Register 状态 及 默认 状态 添加 形变 动作 ， 从 而 极 
大 地 增强 状态 模式 下 界面 的 表现 力 ， 具 体 如 代码 11.33 所 示 。 


代码 11.33 ”使 用 Transition 添加 形变 动作 


(4) 以 上 内 容 添 加 完成 后 ， 使 用 Transition 对 象 为 状态 添加 形变 动作 的 实例 已 制作 完毕 。 
将 文件 保存 后 ， 在 左 侧 的 列表 中 右 击 该 文件 名 ， 选 择 Run Application 命令 ， 运 行 应 用 程序 ， 
页 面 初始 化 后 的 效果 如 图 11-34 所 示 。 

(5) 单 击 【 单 击 这 里 注册 】 按 钮 ， 进 入 用 户 注册 表单 。 在 切换 状态 的 过 程 中 ， 将 逐步 进 
行 ， 出 现 平滑 的 效果 ， 如 图 11-35 所 示 。 


认 家 [本 amamaames - 回 - 品 - 斌 站 [本 Easyuanen 


使 用 Transktion 为 状 者 添加 变 行 动作 征用 Transtion 为 杖 夸 添 加 变 行 动作 


用 户 各 ; 必 户 各; 
密码; 密码 : 


11-34 页 面 首次 运行 效果 图 11-35 ”切换 状态 的 过 程 中 用 户 注册 表单 效果 


(6) 由 于 状态 切换 的 时 间 设 置 为 1 秒 ， 因 此 在 经 过 1 秒 后 ， 动 作 切 换 完毕 ， 最 终 效果 如 
11-36 所 示 。 


11-36 用 户 注册 表单 最 终 效 果 
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很 多 Flex 的 初学 者 对 事件 机 制 都 不 太 熟 悉 ， 在 使 用 过 程 中 难免 会 出 现 各 种 问题 。 这 是 一 
个 非常 普遍 的 现象 。 为 了 更 好 地 使 用 Flex， 本 章 将 介绍 Flex 中 的 事件 机 制 和 使 用 方法 ， 重 点 
是 使 读者 理解 事件 的 工作 流程 、 了 解 Event 对 象 并 掌握 如 何 使 用 自 定义 事件 。 

Flex 的 精 散 之 一 就 是 事件 机 制 ， 理 解 之 后 ， 能 帮助 大 家 更 灵活 地 设计 程序 ， 也 对 初学 者 
有 很 大 的 帮助 。 


理解 观 查 者 模式 的 概念 

了 解 ActionScript 3.0 的 可 视 化 对 象 架 构 
掌握 事件 流 的 运行 流程 

掌握 Event 对 象 的 重要 属性 和 方法 
熟练 掌握 创建 自 定 义 事件 的 方法 

掌握 事件 机 制 的 高 级 应 用 


及 


12.1 观 查 者 模式 


在 介绍 事件 机 制 之 前 , 首先 弄 明白 一 个 概念 , 什么 叫 设计 模式 。 设 计 模 式 (Designpattern) 
是 一 套 被 反复 使 用 的 、 多 数 人 知晓 的 、 经 过 分 类 编目 的 、 代 码 设计 经 验 的 总 结 。 使 用 设计 模 
式 是 为 了 重用 代码 、 让 代码 更 容易 被 他 人 理解 、 保 证 代码 的 可 靠 性 。 

观 查 者 模式 也 是 设计 模式 的 一 种 ， 该 设计 模式 在 Java 编程 中 已 经 得 到 广泛 的 应 用 。 那 么 
在 Flex 中 ， 什 么 是 观 查 者 模式 呢 ? 例如 ， 很 多 家 庭 需要 到 邮局 订阅 杂志 ， 那 么 首先 需要 到 邮 
局 登记 注册 ， 以 后 邮局 就 会 在 规定 时 间 里 将 杂志 邮寄 到 所 登记 的 住址 。 也 就 是 说 事件 的 使 用 
者 首先 需要 进行 注册 ， 注 册 完 毕 后 无 须 再 关心 ， 一 旦 有 事件 需要 触发 ， 注 册 中 心 将 通知 事件 
使 用 者 。 

Actionscript 3.0 中 使 用 的 就 是 观 查 者 模式 ， 示 例 代码 如 下 所 示 。 


button.addEventListener("click",onClick); 


internal function onClick(Evt:MouseEvent) :void{ 


Alert .show(" 单 击 了 一 个 按钮 ! ", "温馨 提示 "); 
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} 


在 上 面 的 代码 中 ，button 是 Button 组 件 的 id， 该 按钮 调用 了 一 个 addEventListener() 方 法 ， 
添加 事件 监听 者 。 也 就 是 为 按钮 注册 一 个 事件 ， 其 中 字符 串 “click” 表 示 事 件 注 册 的 类 型 ， 
onClick 表示 事件 发 生 时 如 何 执行 操作 。 下 面 是 一 个 事件 注册 函数 ， 该 函数 有 一 个 要 求 ， 其 参 
数 必须 是 一 个 事件 类 型 。 这 里 的 MouseEvent 是 一 个 鼠标 事件 类 型 。 当 在 按钮 上 单 击 时 , onClick 
事件 将 被 触发 。 

上 面 提 及 到 了 addEventListener() 方 法 ， 该 方法 以 后 将 应 用 非常 广泛 ， 下 面 对 该 方法 进行 
详细 的 介绍 。 


public function addEventListener (type:String, 
listener:Function, 
useCapture:Boolean=false, 
priority:int=0, 
useWeakReference:Boolean=false 


) :void 


使 用 EventDispatcher 对 象 注册 事件 监听 器 对 象 ， 以 使 监听 器 能 够 接收 事件 通知 。 可 以 为 
特定 类 型 的 事件 、 阶 段 和 优先 级 在 显示 列表 的 所 有 节点 上 注册 事件 监听 器 。 

成 功 注册 一 个 事件 监听 器 后 ， 无 法 通过 额外 调用 addEventListener() 方 法 来 更 改 其 优先 级 。 
要 更 改 监听 器 的 优先 级 ， 必 须 首 先 调用 removeListener(0) 方 法 。 然 后 ， 可 以 使 用 新 的 优先 级 再 
次 注册 该 监听 器 。 

注册 该 监听 器 后 , 如 果 继 续 调 用 具有 不 同 type 或 useCapture 值 的 addEventListener() 方 法 ， 
则 会 创建 单独 的 监听 器 注册 。 例 如 ， 如 果 首 先 注 册 useCapture 设置 为 true 的 监听 器 ， 则 该 监 
听 器 只 在 捕获 阶段 进行 监听 。 如 果 使 用 同一 个 监听 器 对 象 再 次 调用 addEventListener() 方 法 ， 
并 将 NseCapture 设置 为 false， 那 么 便 会 拥有 两 个 单独 的 监听 器 : 一 个 在 捕获 阶段 进行 监听 ， 
另 一 个 在 目标 和 冒 泡 阶 段 进行 监听 。 

不 能 只 为 目标 阶段 或 冒 泡 阶段 注册 事件 监听 器 。 这 些 阶 段 在 注册 期 间 是 成 对 出 现 的 ， 
为 冒 泡 阶段 只 适用 于 目标 节点 的 始终 。 

如 果 不 再 需要 某 个 事件 监听 器 ， 可 调用 removeEventListener() 方 法 将 其 删除 ， 否 则 会 产生 
内 存 问题 。 由 于 垃圾 回收 器 不 会 删除 仍 包含 引用 的 对 象 ， 因 此 不 会 从 内 存 中 自动 删除 使 用 已 
注册 事件 监听 器 的 对 象 。 

复制 EventDispatcher 实例 时 并 不 复制 其 中 附加 的 事件 监听 器 。( 如 果 新 创建 的 节点 需要 
一 个 事件 监听 器 , 必须 在 创建 该 节点 后 附加 该 监听 器 )。 但 是 , 如 果 移动 EventDispatcher 实例 ， 
则 其 中 附加 的 事件 监听 器 也 会 随 之 移动 。 

如 果 在 正在 处 理事 件 的 节点 上 注册 事件 监听 器 ， 则 不 会 在 当前 阶段 触发 事件 监听 器 ， 但 
会 在 事件 流 的 稍 后 阶段 触发 ， 如 冒 泡 阶 段 。 

如 果 从 正在 处 理事 件 的 节点 中 删除 事件 监听 器 ， 则 该 事件 监听 器 仍 由 当前 操作 触发 。 删 
除 事件 监听 器 后 ， 绝 不 会 再 次 调用 该 事件 监听 器 (除非 再 次 注册 以 备 将 来 处 理 )。 

addEventListener() 方 法 非常 重要 ， 下 面 介绍 其 各 参数 的 具体 作用 ,参数 名 称 及 其 作用 如 表 
12-1 所 示 。 


表 12-1 addEventListener0 方 法 的 参数 名 称 及 作用 


type:String 事件 的 类 型 

listener:Function 处 理事 件 的 监听 器 函数 。 此 函数 必须 接受 Event 对 象 作为 其 唯一 的 参数 , 并 且 
不 能 返回 任何 结果 

useCapture:Boolean 确定 监听 器 是 运行 于 捕获 阶段 、 目 标 阶段 还 是 冒 泡 阶段 。 如 果 将 useCapture 


设置 为 tue， 则 监听 器 只 在 捕获 阶段 处 理事 件 ， 而 不 在 目标 或 冒 泡 阶段 处 理事 
件 。 如 果 useCapture 为 false， 则 监听 器 只 在 目标 或 冒 泡 阶段 处 理事 件 。 要 在 
所 有 3 个 阶段 都 监听 事件 ， 请 调用 两 次 addEventListener0 方 法 ， 第 一 次 将 
useCapture 设置 为 ue， 第 二 次 再 将 useCapture 设置 为 false 

priority:int 事件 监听 器 的 优先 级 。 优 先 级 由 一 个 带 符号 的 32 位 整数 指定 。 数 字 越 大 ， 优 
先 级 越 高 .优先 级 为 n 的 所 有 监听 器 会 在 优先 级 为 n-1 的 监听 器 之 前 得 到 处 理 。 
如 果 两 个 或 更 多 个 监听 器 共享 相同 的 优先 级 ， 则 按照 它们 的 添加 顺序 进行 处 
理 。 默 认 优先 级 为 0 

useWeakReference:Boolean ”确定 对 监听 器 的 引用 是 强 引 用 ,还 是 弱 引 用 。 强 引用 (默认 值 ) 可 防止 用 户 的 
监听 器 被 当 作 垃 圾 回收 。 弱 引用 则 没有 此 作用 。 类 级 别 成 员 函 数 不 属 于 垃圾 回 
收 的 对 象 ， 因 此 可 以 将 类 级 别 成 员 函 数 的 useWeakReference 设置 为 tue 而 不 
会 使 它们 受 垃圾 回收 的 影响 。 如 果 将 作为 嵌 套 内 部 函数 的 监听 器 的 
useWeakReference 设置 为 tue， 则 该 函数 将 被 作为 垃圾 回收 并 且 不 再 是 永久 函 
数 。 如 果 创 建 对 该 内 部 函数 的 引用 (将 该 函数 保存 到 另 一 个 变量 中 )， 则 该 函 
数 将 不 被 当 作 垃圾 回收 而 保持 永久 


下 面 看 一 个 关于 鼠标 注册 事件 的 完整 实例 ， 具 体 步 又 如 下 所 示 。 

(1) 创 建 一 个 名 为 EventDemo 的 Flex 项 目 ,在 src 目录 下 将 自动 添加 一 个 名 为 EventDemo. 
mxml 的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 添 加 一 个 id 为 btnMessage 的 Button 组 件 用 于 注 
册 单 击 事件 ， 添 加 一 个 id 为 canvasl 的 组 件 用 于 注册 鼠标 经 过 时 的 事件 ， 添 加 一 个 TextArea 
组 件 用 于 显示 提示 信息 ， 具 体 如 代码 12.1 所 示 。 


代码 12.1 布局 窗 体 : EventDemo.mxml 


(3) 分 别 为 bmMessage 按钮 注册 鼠标 单 击 时 触发 事件 ， 为 canvasl 画布 添加 鼠标 经 过 时 
触发 事件 ， 具 体 如 代码 12.2 所 示 。 
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代码 12.2 ”注册 鼠标 事件 
<mx:Script> 


<! [CDATAT[ 
import mx.controls.Alert; 


internal function Page load():void 

{ 
btnMessage.addEventListener (MouseEvent .CLICK,onClick); 
canvasl.addEventListener (MouseEvent .MOUSE OVER,onMouseOver); 


]]> 
</mx:Script> 


(4) 当 鼠 标 单 击 按钮 事件 触发 时 将 弹出 一 个 提示 对 话 框 ， 当 鼠标 经 过 画布 事件 触发 时 将 
在 文本 区 域 中 显示 提示 信息 ， 具 体 如 代码 12.3 所 示 。 


代码 12.3 ”添加 事件 触发 时 执行 的 操作 


internal function onClick(Evt:MouseEvent) :voidi 


Alert .show(" 单 击 了 一 个 按钮 ! ", "温馨 提示 ") 


} 
internal function onMouseOver (Evt:MouseEvent) :void 
{ 
ShowMessage ("鼠标 经 过 画布 ", txt1); 
} 
internal function ShowMessage (str:String,txt:TextArea) :void 
{ 


txt .text+=str+"\n"; 


} 


(5) 在 以 上 代码 添加 完成 后 ， 关 于 鼠标 注册 事件 的 实例 已 制作 完成 。 将 文件 保存 后 ， 运 
行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 12-1 所 示 。 


Er 
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图 12-1 页 面 初始 化 后 的 效果 图 


(6) 当 单 击 【 注 册 事 件 】 按 钮 时 , 将 弹出 【 温 声 提示 】 对 话 框 ， 显示 “ 单 击 了 一 个 按钮 !”， 
效果 如 图 12-2 所 示 。 


12-2 单 击 【 注 册 事 件 】 按 钮 


(7) 当 鼠 标 每 次 经 过 绿色 的 画布 时 ， 文 本 区 域 中 将 显示 “鼠标 经 过 画布 ” 在 鼠标 经 过 画 
布 5 次 后 ， 效 果 如 图 12-3 所 示 。 
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图 12-3 鼠标 5 次 经 过 画布 


12.2 ”ActionScript 3.0 的 可 视 化 对 象 架 构 


在 ActionScript 2.0 中 ， 对 象 要 具有 派发 事件 的 能 力 ， 必 须 经 过 特殊 的 功能 扩展 ， 否 则 是 
无 法 使 用 事件 模式 的 ， 更 谈 不 上 事件 监听 。 所 以 ， 为 了 实现 事件 模型 ， 开 发 者 需要 自己 动手 ， 
对 现 有 对 象 进行 扩展 。 到 了 ActionScript 3.0 中 ， 所 有 可 视 化 对 象 已 经 内 建 了 事件 机 制 。 事 件 
机 制 类 的 继承 关系 如 图 12-4 所 示 。 

图 12-4 从 上 到 下 依次 列举 了 事件 机 制 类 的 继承 关系 。 下 面 分 别 对 各 个 类 进行 简单 介绍 ， 
具体 如 表 12-2 所 示 。 


Object 


EventDispatcher 


DisplayObject 
AVMIMovie 


Bimap 


图 12-4 事件 机 制 类 的 继承 关系 


表 12-2 事件 机 制 类 


Object 类 位 于 ActionScript 类 层次 结构 的 根 处 。Object 由 构造 函数 使 用 new 运 
算 符 语法 创建 ， 并 且 可 以 具有 动态 赋予 属性 

EventDispatcher 和 IEventDispatcher 是 Flash Player 内 置 的 功能 对 象 , 负责 实现 
事件 模型 ,它们 同属 于 flash.events 包 。 在 这 个 包 中 还 包括 了 Flash Player 的 所 
有 系统 事件 ， 比 如 鼠标 事件 。IEventDispathcer 是 一 个 接口 类 型 的 对 象 ， 里 面 
定义 了 一 个 事件 模型 中 应 该 具备 的 基本 方法 : 派发 事件 和 注册 监听 器 。 
EventDispatcher 则 是 IeventDispatcher 上 的 一 具体 实现 ， 是 ActionScript 3.0 事 
件 机 制 的 重 中 之 重 .EventDispatcher 对 象 提供 了 3 个 关键 的 函数 来 实现 动作 事 
件 机 制 : addEventListener0、removeEventListener0 和 dispatchEventO 分 别 用 于 
注册 、 移 除 事件 监听 器 和 派发 事件 

该 类 作为 一 切 可 视 化 元 素 的 父 类 

ActionScript 3.0 之 前 的 SWF 文件 或 MC， 使 用 AVMI 来 解释 执行 。 该 对 象 主 
要 用 来 加 载 早 期 的 SWF 

位 图 对 象 ， 可 以 通过 代码 创建 ， 也 可 以 从 外 部 载 入 


第 | 2s 


事件 机 制 
续 表 

事件 机 制 类 说 明 
InteractiveObject 可 以 接受 用 户 交互 的 对 象 ， 抽 象 类 ， 无 法 通过 代码 创建 
MorphShape 在 Flash 创建 形变 动画 时 ，Flash Player 自动 生成 ， 不 可 以 通过 代码 生成 
Shape 形状 元 件 ， 可 以 使 用 ActionScript 创建 ， 通 过 绘图 函数 来 绘制 图 形 
StaticText 在 Flash 中 使 用 静态 文本 时 会 自动 创建 ， 不 可 通过 代码 创建 
Video 视频 对 象 ， 专 门 用 来 播放 来 自 文件 或 网 络 的 视频 ， 可 以 由 程序 创建 


DisplayObjectContainer 抽象 的 可 视 化 对 象 容器 ， 和 容器 类 控件 相似 ， 可 以 添加 其 他 可 视 化 对 象 
Loader 加 载 所 有 的 外 部 数据 


Sprite 场景 ， 位 于 显示 层 的 顶部 ， 包 括 程序 中 所 有 的 可 视 化 元 素 
MovieClip 扩展 了 Sprite， 依 然 和 早期 的 MC 一 样 ， 功 能 最 多 最 庞杂 

Stage ActionScript 3.0 可 视 化 元 素 中 最 重要 的 一 个 ， 专 门 用 来 处 理 代码 
SimpleButton 处 理 按钮 的 对 象 

TextField 处 理 动 态 文本 


12.3 事件 机 制 的 工作 流程 


事件 机 制 的 工作 流程 是 本 章 的 重点 部 分 ， 本 节 将 逐步 对 其 进行 介绍 。 熟 练 掌握 事件 机 制 
的 工作 流程 将 为 理解 或 创建 事件 发 挥 重要 作用 。 


12.3.1 事件 流 


ActionScript 3.0 的 事件 模型 中 新 增加 了 事件 流 的 概念 。 当 一 个 事件 发 生 时 , 必然 存在 一 个 
派发 事件 的 对 象 ， 这 里 称 之 为 目标 对 象 。 当 事件 发 生 后 ，Flash Player 生成 一 个 携带 数据 的 对 
象 ， 然 后 检查 目标 对 象 是 否 处 在 显示 层 中 ， 如 果 是 ， 则 遍历 从 根 容 器 一 直到 目标 对 象 所 在 位 
置 的 所 有 对 象 。 由 于 ActionScript 3.0 的 显示 层 是 基于 容器 模式 的 ， 这 使 得 显示 层 类 似 于 一 棵 
树 ， 每 个 对 象 都 是 树 上 的 一 个 节点 。Flash Player 自动 检测 所 经 过 的 节点 中 是 否 注册 了 监听 器 。 

事件 流 运 行 流程 分 为 以 下 3 步 。 

口 捕获 阶段 ”捕获 事件 capturing， 从 根 节 点 开始 顺序 而 下 ， 检 测 每 个 节点 是 否 注册 了 监 
听 器 。 同 时 ，Flex 将 事件 对 象 的 currentTarget 值 改 为 当前 正在 检测 的 对 象 。 如 果 注 册 
了 监听 器 ， 则 调用 监听 函数 。 

口 目标 阶段 ”检测 目标 的 监听 器 targeting， 触 发 在 目标 对 象 本 身 注册 的 监听 程序 。 

口 冒 泡 阶 段 事件 冒 泡 bubbling， 从 目标 节点 到 根 节点 ， 检 测 每 个 节点 是 否 注册 了 监听 
器 ， 如 果 有 ， 则 调用 监听 函数 。 

每 个 事件 对 象 都 有 以 下 属性 。 

口 Target 事件 的 派发 者 。 

口 currentTarget 当前 正在 检测 的 对 象 ， 帮 助 跟踪 事件 传播 的 过 程 。 

事件 只 在 bubbles 属性 为 true 时 才 进 行 冒 泡 ， 可 以 冒 泡 的 事件 包括 change、click、 


sn 


doubleClick、keyDown、keyUp、mouseDown、mouseUp。 并 且 不 能 在 一 个 监听 器 中 同时 打开 
捕获 和 冒 泡 功能 ， 要 做 到 这 一 点 ， 只 能 注册 两 个 监听 器 ， 分 别 实现 。 


”事件 发 生 后 ， 每 个 节点 可 以 有 两 个 机 会 (2 选 1 ) 响应 事件 ， 默 认 情 况 下 ， 捕 
S27” 获 功 能 处 于 关闭 状态 ， 一 般 没有 必要 进行 捕获 跟踪 。 


通过 上 面 的 讲解 ， 大 家 应 该 对 事件 流 有 了 简单 的 认识 ， 但 只 有 理论 知识 的 讲解 显然 不 容 
易 理 解 。 下 面 通过 一 个 实例 来 具体 说 明 事件 流 的 工作 流程 ， 步 骤 如 下 所 示 。 

(1) 打开 已 经 创建 的 名 为 EventDemo 的 Flex 项 目 ， 在 src 目录 下 将 添加 一 个 名 为 
EventDemol.mxml 的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 id 为 cavl 的 Canvas 组 件 , 在 cav1 
中 添加 一 个 id 为 cav2 的 Canvas 组 件 ， 然 后 再 在 cav2 中 添加 一 个 id 为 bml 的 Button 组 件 ， 
添加 一 个 TextArea 组 件 用 于 显示 提示 信息 ， 另 外 添加 一 个 id 为 txt 的 TextArea 组 件 用 于 输出 
提示 信息 。 具 体 如 代码 12.4 所 示 。 


代码 12.4 ”布局 窗 体 : EventDemo1.mxml 


(3) 以 上 内 容 添加 完毕 后 , EventDemol.mxml 窗 体 
布局 已 完成 ， 各 组 件 间 的 关系 如 图 12-5 所 示 。 

(4) 分 别 为 按钮 btnl 及 画布 cav1、cav2 注册 鼠标 
单 击 时 触发 事件 ， 具 体 如 代码 12.5 所 示 。 


代码 12.5 ”注册 鼠标 事件 


一 国 rexthres 0- 拉 了 息 2- 目 标 阶段 3- 由 泡 防 段 ) 


(5) 当 和 鼠标 单 击 事件 触发 时 检测 是 否 冒 泡 、 目 标 对 象 、 所 处 阶段 及 当前 对 象 等 信息 ， 并 
将 信息 输出 到 文本 区 域 中 ， 具 体 如 代码 12.6 所 示 。 


代码 12.6 ”添加 事件 触发 时 执行 的 操作 


监听 函数 onpress0 中 各 属性 的 作用 如 下 所 示 。 

D target 表示 派发 事件 的 目标 对 象 。 

口 currentTarget 表示 事件 流 当前 正经 过 的 目标 对 象 。 

口 bubbles 表示 是 否 打开 了 冒 泡 功能 .。 

口 eventPhase 表示 事件 流 当前 的 阶段 ， 捕 获 、 目 标 或 冒 泡 。 

(6) 在 以 上 代码 添加 完成 后 ， 关 于 事件 流 的 工作 流程 的 实例 已 制作 完成 。 将 文件 保存 后 ， 
运行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 12-6 所 示 。 
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12-6 ”页 面 初始 化 后 的 效果 图 


(7) 当 单 击 【按钮 】 按 钮 时 ，MouseEvent 默认 打开 了 冒 泡 功能 。 事 件 从 上 到 下 属于 捕获 
阶段 不 触发 任何 事件 ， 无 任何 信息 输出 。 然 后 是 btn2 向 上 返回 的 过 程 ， 触 发 在 目标 对 象 本 身 
注册 的 监听 程序 ， 调 用 监听 函数 ， 将 信息 输出 到 文本 区 域 中 ， 效 果 如 图 12-7 所 示 。 


图 12-7 单 击 【按钮 】 按 钮 


(8) 页 面 重新 刷新 后 ， 效 果 如 图 12-6 所 示 ， 单 击 位 于 中 间 位 置 的 cav2， 按 照 事件 流 的 运 
行 流程 ， 将 先后 输出 cav2 和 cav1 的 信息 ， 效 果 如 图 12-8 所 示 。 同 理 ， 如 果 单 击 cavl 则 仅 输 
出 cavl 的 信息 。 


图 12-8 单 击 位 于 中 间 位 置 的 cav2 


(9) 在 12.1 节 介 绍 addEventListener() 方 法 时 已 经 知道 ， 如 果 useCapture 设置 为 tue， 打 
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开 了 捕获 功能 ， 则 该 组 件 的 冒 泡 阶 段 被 取消 。 如 果 将 监听 方法 的 参数 设置 为 捕获 功能 ， 则 有 具 
体 方法 如 代码 12.7 所 示 。 


代码 12.7 将 监听 方法 的 参数 设置 为 捕获 功能 


internal function Page Load():void 


4 
cavl.addEventListener (MouseEvent .CLICK, onpress,true); 
cav2.addEventListener (MouseEvent .CLICK, onpress,true); 


btnl .addEventListener (MouseEvent .CLICK, onpress,true); 


} 
(10) 运行 应 用 程序 ， 页 面 加 载 后 ， 单 击 【按钮 】 按 钮 时 ， 该 按钮 的 冒 泡 功能 被 取消 。 在 


捕获 功能 下 ， 按 钮 不 触发 任何 事件 ， 而 流 经 的 两 个 Canvas 将 触发 监听 函数 onpress0， 和 输出 相 
关 信 息 ， 效 果 如 图 12-9 所 示 。 


图 12-9 打开 捕获 功能 时 的 效果 


12.3.2 ”Event 对象 概述 


Event 类 作为 创建 Event 对 象 的 基 类 ， 当 发 生 事件 时 ，Event 对 象 将 作为 参数 传递 给 事件 
监听 器 。 

Event 类 的 属性 包含 有 关 事 件 的 基本 信息 , 例如 事件 的 类 型 或 者 是 否 可 以 取消 事件 的 默认 
行为 。 对 于 许多 事件 〈 如 由 Event 类 常量 表示 的 事件 )， 此 基本 信息 就 足够 了 。 但 其 他 事件 可 
能 需要 更 详细 的 信息 。 例 如 ， 与 鼠标 单 击 关 联 的 事件 需要 包括 有 关 单 击 事件 的 位 置 以 及 在 单 
击 事件 期 间 是 否 按 了 任何 键 的 其 他 信息 。 这 可 以 通过 扩展 Event 类 (MouseEvent 类 执行 的 操 
作 ) 将 此 类 其 他 信息 传递 给 事件 监听 器 。 

Event 类 的 方法 可 以 在 事件 监听 器 函数 中 使 用 以 影响 事件 对 象 的 行为 。 某 些 事件 有 关联 的 
默认 行为 。 例 如 ，doubleClick 事件 有 关联 的 默认 行为 ， 此 行为 突出 显示 事件 发 生 时 鼠标 指针 
下 的 词 。 通 过 调用 preventDefault() 方 法 ,事件 监听 器 可 以 取消 此 行为 。 通 过 调用 stopPropogation() 
或 stopImmediatePropogation() 方 法 , 还 可 以 使 当前 事件 监听 器 成 为 要 处 理事 件 的 最 后 一 个 事件 


监听 器 。Event 类 的 属性 和 方法 如 表 12-3、 表 12-4 所 示 。 
表 12-3 Event 类 属性 


bubbles Boolean [read-only] 指 示 事 件 是 否 为 冒 泡 事件 

cancelable Boolean [read-only] 指 示 是 否 可 以 阻止 与 事件 相关 联 的 行为 

constructor Object 对 类 对 象 或 给 定 对 象 实例 的 构造 函数 的 引用 

currentTarget Object [read-only] 当 前 正在 使 用 某 个 事件 监听 器 处 理 Event 对 象 的 对 象 
eventPhase uint [read-only] 事 件 流 中 的 当前 阶段 

prototype Object [static] 对 类 或 函数 对 象 的 原型 对 象 的 引用 

target Object [read-only] 事 件 目标 

type String [read-only] 事 件 的 类 型 


表 12-4 Event 类 方法 


Event(type:String， bubbles:Boolean = false， 创建 一 个 作为 参数 传递 给 事件 监听 器 的 Event 对 象 
cancelable:Boolean = false) 


clone0):Event 复制 Event 子 类 的 实例 

formatToString(className:String,... 在 自 定义 Event 类 中 实现 toString() 方 法 的 实用 程序 函数 

arguments):String 

hasOwnProperty(name:String):Boolean 指示 对 象 是 否 已 经 定义 了 指定 的 属性 

isDefaultPrevented():Boolean 检查 是 否 已 对 事件 调用 preventDefault0 方 法 

isPrototypeOf(theClass:Object):Boolean 指示 Object 类 的 实例 是 否 在 指定 为 参数 的 对 象 的 原型 链 中 

preventDefaultO:void 如 果 可 以 取消 事件 的 默认 行为 ， 则 取消 该 行为 

propertyIsEnumerable(name:String):Boolean 指示 指定 的 属性 是 否 存在 、 是 否 可 枚 举 

setPropertyIsEnumerable(name:String, 设置 循环 操作 动态 属性 的 可 用 性 

isEnum:Boolean = true):void 

stopImmediatePropagation():void 防止 对 事件 流 中 当前 节点 和 所 有 后 续 节点 中 的 事件 监听 器 
进行 处 理 

stopPropagation():void 防止 对 事件 流 中 当前 节点 的 后 续 节点 中 的 所 有 事件 监听 器 
进行 处 理 

toStringO:String 返回 一 个 字符 串 ， 其 中 包含 Event 对 象 的 所 有 属性 


12.3.3 创建 自 定义 事件 


在 对 自 定义 事件 介绍 之 前 , 首先 要 对 EventDispatcher 类 的 dispatchEvent( 方 法 有 一 定 的 了 
解 ，dispatchEvent0 方 法 格式 如 下 所 示 。 


dispatchEvent0 方 法 将 事件 调度 到 事件 流 中 。 事 件 目 标 是 对 其 调用 dispatchEvent() 方 法 的 
EventDispatcher 对 象 。 


参数 event:Event 用 于 调度 到 事件 流 中 的 Event 对 象 。 如 果 正 在 重新 调度 事件 ， 则 会 自动 
创建 此 事件 的 一 个 克隆 。 在 调度 了 事件 后 ， 其 target 属性 将 无 法 更 改 ,因此 必须 创建 此 事件 的 
一 个 新 副本 以 能 够 重新 调度 。 如 果 成 功 调度 了 事件 ， 则 值 为 tue。 值 false 表示 失败 或 对 事件 
调用 了 preventDefault() 方 法 。 

下 面 通过 一 个 实例 来 具体 说 明 如 何 创建 自 定义 事件 ， 具 体 步 骤 如 下 所 示 。 

(1) 打开 已 经 创建 的 名 为 EventDemo 的 Flex 项 目 ， 在 src 目录 下 将 添加 一 个 名 为 
EventDemo2.mxml 的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 首 先 添加 一 个 id 为 cav 的 Canvas 组 件 ， 在 cav 
的 外 部 添加 一 个 id 为 btn 的 button 组 件 。 具 体 如 代码 12.8 所 示 。 


代码 12.8 布局 窗 体 : EventDemo2.mxml 


(3) 以 上 内 容 添加 完毕 后 , EventDemo2.mxml 窗 体 布局 已 完成 , 各 组 件 间 的 关系 如 图 12-10 
所 示 。 


图 12-10 组 件 间 的 关系 


(4) 分 别 为 按钮 btm 和 画布 cav 注册 onShow 和 onClick 事件 ， 具 体 如 代码 12.9 所 示 。 
代码 12.9 注册 事件 


第 3 篇 “Flex 组 件 应 用 篇 


import mx.controls.Alert; 


internal function Page load() :void{ 
cav.addEventListener ("testEvent",onShow); 
btn.addEventListener (MouseEvent .CLICK,onClick); 


trace("l:addEventlistener"); 


internal function onClickl(evt:MouseEvent) :void{ 


trace("2:dispatchEvent!"); 
cav.dispatchEvent (new Event ("testEvent",true, 
false)); 


]]> 
</mx:Script> 


(5) 当 onShow 事件 触发 时 ， 将 输出 触发 事件 的 目标 对 象 以 及 事件 的 类 型 ， 具 体 如 代码 
12.10 所 示 。 


代码 12.10 ”添加 事件 触发 时 执行 的 操作 


public function onShow (evt:Event) :void{ 
trace ("3:onShow "+evt.type); 
Alert .show ("触发 了 "+evt . currentTarget+" 注 册 的 : "+evt. type+" 事 件 ") 六 


(6) 在 以 上 代码 添加 完成 后 ， 关 于 创建 自 定义 事件 的 实例 已 制作 完成 。 将 文件 保存 后 ， 
单 击 Debug 按钮 效 " 右 侧 列表 中 的 文件 名 ， 启 动 调试 模式 。 运 行 应 用 程序 ， 页 面 初 始 化 后 的 效 
果 如 图 12-11 所 示 。 
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图 12-11 页 面 初始 化 效果 


(7) 在 页 面 加 载 过 程 中 , Page_Load() 方 法 被 调用 , 在 onShow 及 onClick 事件 注册 完毕 后 ， 
输出 信息 “1: addEventlistener”， 该 信息 输出 到 Console 窗 格 中 ， 效 果 如 图 12-12 所 示 。 
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12-12 ”Console 窗 格 


(8) 单 击 【按钮 】 按 钮 ， 弹 出 提示 信息 为 “触发 了 EventDemo2 0.cav 注册 的 : testEvent 
事件 ”的 提示 对 话 框 ， 效 果 如 图 12-13 所 示 。 此 操作 说 明 ， 在 单 击 按钮 之 后 ， 派 发 了 一 个 类 型 
为 testEvent 的 事件 ， 该 事件 成 功 地 被 画布 所 响应 并 调用 了 onShow() 方 法 。 
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图 12-13 弹出 提示 对 话 框 


(9) 在 onClick0 与 onShow0 方 法 被 调用 的 同时 , 将 信息 “2:dispatchEvent!” 和 “3:onShow 
testEvent” 输 出 到 Console 窗 格 中 ， 效 果 如 图 12-14 所 示 。 
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12-14 ”Console 窗 格 


(10) 在 定义 的 onClick0 方 法 中 , 使 用 了 cav.dispatchEvent(new Event("testEvent",true,false)) 
来 派发 事件 ， 从 结果 得 知 派发 成 功 。 如 果 使 用 应 用 程序 来 派发 是 否 会 成 功 呢 ,下面 将 onClick() 
方法 中 的 代码 更 改 ， 具 体内 容 为 如 代码 12.11 所 示 。 


代码 12.11 更 改 后 的 onClick() 方 法 


(11) 使 用 调试 模式 重新 启动 应 用 程序 ， 页 面 加 载 后 仍然 输出 “1:addEventlistener”。 再 单 
击 【 按 钮 ] 按 钮 , 页 面 无 任何 变化 , Console 窗 格 中 输出 “2:dispatchEvent!” 和 “EventDemo2 0”， 
效果 如 图 12-15 所 示 。 
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图 12-15 ”Console 窗 格 


(12) 结果 表明 ， 使 用 应 用 程序 派发 类 型 为 testEvent 的 事件 未 成 功 ， 尝 试 使 用 按钮 bm 派 
发 也 一 样 。 
(13) 更 改 窗 体 布局 ， 将 按钮 放 入 布 面 中 ， 更 改 后 的 窗 体 布局 如 代码 12.12 所 示 。 


代码 12.12 更 改 后 的 窗 体 布局 


(14) 在 窗 体 布局 更 改 完毕 后 ， 各 组 件 间 的 关系 如 图 
12-16 所 示 。 Er 


> Morliction 


(15) 其 他 均 不 变 ， 仍 然 使 用 画布 cav 派发 了 一 个 类 型 国 


Button btn (ie 包 ) 


为 testEvent 的 事件 ， 启 动 调试 模式 ,运行 应 用 程序 ， 页面 初 
始 化 后 单 击 【按钮 】 按 钮 ， 也 弹出 提示 信息 为 “触发 了 
EventDemo2_0.cav 注册 的 : testEvent 事件 ”的 提示 对 话 框 ， 
效果 如 图 12-13 所 示 。 其 结果 与 布局 更 改 前 完全 一 致 。 如 果 
再 使 用 按钮 btn 派发 了 类 型 为 testEvent 的 事件 ， 结 果 会 如 何 
呢 ? 下 面 将 代码 更 改 为 按钮 btn 派发 ， 代 码 如 下 所 示 。 


(16) 再 次 启动 调试 模式 ， 运 行 应 用 程序 ， 页 面 初始 化 后 效果 如 图 12-17 所 示 。 
(17) 单 击 【 按 钮 】 按 钮 ， 弹 出 提示 信息 为 “触发 了 EventDemo2 0.cav 注册 的 : testEvent 
事件 ”的 提示 对 话 框 ， 效 果 如 图 12-18 所 示 。 


图 12-16 组 件 间 的 关系 


图 12-17 页 面 初始 化 后 效果 图 12-18 ”使 用 按钮 bm 派发 


此 操作 说 明 ， 使 用 按钮 btn 派发 了 类 型 为 testEvent 的 事件 ， 该 事件 成 功 地 被 画布 所 响应 
并 调用 了 onShow() 方 法 。 在 前 面 的 讲解 中 ， 当 使 用 bt 派发 时 并 未 成 功 ， 那 为 什么 在 这 里 使 
用 btn 派发 就 成 功 了 呢 ? 这 就 涉及 到 上 一 节 中 所 讲解 的 事件 流 ， 由 于 按钮 在 画布 的 内 部 ， 当 单 
击 按钮 时 ， 产 生 新 的 事件 对 象 ， 该 事件 对 象 就 会 顺 着 事件 流 的 方向 流动 。 由 于 默认 为 冒 泡 ， 
即 从 按钮 btn 流 到 画布 cav 上 ， 而 cav 注册 了 onShow0 事 件 ， 所 以 做 出 响应 。 

(18) 为 按钮 btn 也 添加 addEventListener("testEvent",onShow) 监 听 ，Page_Load() 方 法 更 改 
后 内 容 如 代码 12.13 所 示 。 


代码 12.13 ”更 改 后 的 Page_Load() 方 法 


internal function Page load() :void{ 
cavV.addEVentListener ("testEVent",onShow) 7; 
btn.addEventListener ("testEvent",onShow); 
btn.addEventListener (MouseEvent .CLICK,onC1lick) 7 
trace("l:addEventlistener"); 


} 

(19) 再 次 启动 调试 模式 ， 运 行 应 用 程序 ， 页 面 初始 化 后 单 击 【 按 钮 】 按 钮 ， 弹 出 了 提示 
信息 为 “触发 了 EventDemo2 0.cav.btn 注册 的 : testEvent 事件 ”和 “触发 了 EventDemo2 0.cav 
注册 的 : testEvent 事件 ”的 两 个 提示 对 话 框 ， 效 果 如 图 12-19 所 示 。 


图 12-19 弹出 两 个 提示 对 话 框 
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这 个 结果 也 是 由 于 事件 流 的 缘故 ， 上 面 已 经 提 及 到 ， 由 于 默认 为 冒 泡 ， 即 从 按钮 btn 流 到 
画布 cav 上 。 因 为 按钮 已 经 注册 了 onShow 事件 ， 所 以 先 被 执行 弹出 对 话 框 ， 而 后 再 执行 cav 
注册 的 onShow 事件 ， 弹 出 第 二 个 对 话 框 。 

(20) 如 果 想 让 单 击 按钮 时 不 影响 画布 注册 的 onShow 事件 ， 该 如 何 去 做 昵 ?” 下 硬 
onShow() 方 法 中 加 入 判断 语句 ， 该 方法 更 改 后 如 代码 12.14 所 示 。 


代码 12.14 onShow() 方 法 更 改 的 代码 : onShow() 


在 


public function onShow (evt:Event) :voidt{ 
trace("3:onShow "+evt.type); 
ifl(evt.currentTarget==evt.target){ 
Alert .show ("触发 了 "tevt.currentTarget+" 注 册 的 : "+evt .type+" 事 件 "); 
» 
} 


(21) 再 次 启动 调试 模式 ， 运 行 应 用 程序 ， 页 面 初始 化 后 单 击 【按钮 】 按 钮 ， 弹 出 了 提示 


信息 为 “触发 了 EventDemo2 0.cav.btn 注册 的 : testEvent 事件 ”的 提示 对 话 框 , 效果 如 图 12-20 
所 示 。 


图 12-20 弹出 提示 对 话 框 


判断 语句 中 的 currentTarget 表示 事件 触发 的 目标 对 象 ， 而 Target 表示 事件 流 流 经 的 对 象 ， 
因此 可 以 确保 单 击 按钮 时 只 触发 目标 对 象 按钮 所 注册 的 事件 。 


12.3.4 扩展 自 定 义 事件 


上 一 节 中 已 经 详细 介绍 了 如 何 创建 自 定义 事件 ， 本 节 将 介绍 如 何在 事件 中 进行 参数 的 传 
递 。Event 是 一 个 对 象 ， 包 含 了 一 些 必要 的 信息 供 监听 函数 使 用 。 开 发 者 如 何 给 自 定 义 的 事件 
中 加 入 参数 呢 ? 解决 方法 很 简单 ， 在 子 类 中 加 入 添加 参数 的 接口 ， 派 发 事件 时 ， 直 接 发 送 实 
例 ， 这 样 就 实现 了 数据 的 添加 。 

下 面 通过 一 个 实例 来 具体 说 明 如 何在 事件 中 进行 参数 的 传递 ， 具 体 步 又 如 下 所 示 。 

(1) 打开 已 经 创建 的 名 为 EventDemo 的 Flex 项 目 ， 在 src 目录 下 将 添加 一 名 为 
EventDemo3 .mxml 的 MXML Application 文件 。 

(2) 在 该 文件 中 添加 MXML 布局 代码 。 该 布局 与 EventDemo3.mxml 基本 相似 ， 首 先 添 


加 一 个 id 为 cav 的 Canvas 组 件 , 在 cav 的 外 部 添加 一 个 id 为 btn 的 button 组 件 。 具体 如 代码 
12.15 所 示 。 


代码 12.15 布局 窗 体 : EventDemo3.mxml 


(3) 布局 完成 后 ， 在 程序 中 新 建 一 个 名 为 DefinedEvent.as 的 类 文件 ， 将 该 文件 放 入 com 
文件 夹 下 的 events 文件 夹 中 ， 具 体 如 代码 12.16 所 示 。 


代码 12.16 ”创建 自 定义 事件 : DefinedEvent.as 


(4) 分 别 为 按钮 bm 和 画布 cav 注册 onShow 和 onClick 事件 ， 具 体 如 代码 12.17 所 示 。 


代码 12.17 ”注册 事件 


(5) 当 onShow 事件 被 触发 时 ， 将 输出 触发 事件 的 目标 对 象 以 及 事件 的 类 型 ， 具 体 如 代码 
12.18 所 示 。 


代码 12.18 onShow 事件 触发 时 执行 的 操作 


(6) 在 以 上 代码 添加 完成 后 ， 如 何在 事件 中 进行 参数 传递 的 实例 已 制作 完成 。 将 文件 保 
存 后 ， 运 行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 12-21 所 示 。 

(7) 单 击 【按钮 】 按 钮 ， 弹 出 提示 信息 为 “触发 了 cav 注册 的 : DefinedString 事件 ， 通 过 
事件 对 象 传递 的 数据 是 : 2008 年 10 月 4 日 13 点 32 分 32 秒 ”的 【提示 】 对 话 框 ， 效 果 如 图 
12-22 所 示 。 此 操作 说 明 ， 在 单 击 按钮 之 后 ， 派 发 了 一 个 类 型 为 DefinedEvent 的 事件 ， 该 事件 
成 功 的 被 画布 所 响应 并 调用 了 onShow() 方 法 。 
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图 12-22 弹出 【提示 】 对 话 框 


12.4 事件 机 制 的 高 级 应 用 


本 节 介 绍 如 何 使 用 MXML 的 标签 来 完成 事件 处 理 ,与 上 一 节 所 讲述 的 内 容 有 一 定 的 区 别 。 
前 面 所 讲解 的 实例 中 ， 事件 处 理 完全 放 在 脚本 里 面 进行 处 理 ， 其 实 通过 配置 MXML 文件 的 标 
签 和 属性 也 可 以 实现 对 事件 处 理 的 能 力 。 

下 面 通过 一 个 用 户 登 录 的 实例 来 具体 说 明 如 何 使 用 MXML 的 标签 来 完成 事件 处 理 , 具体 
步 又 如 下 所 示 。 

(1) 创建 一 个 名 为 EventMXMLDemo 的 Flex 项 目 ， 在 src 目录 下 将 自动 添加 一 个 名 为 
EventMXMLDemo.mxml 的 MXML Application 文件 。 

(2) 在 本 实例 中 ， 登 录 窗口 以 用 户 自 定义 组 件 的 方式 实现 。 右 击 项 目 名 称 ， 从 弹出 的 快 
捷 菜 单 中 选择 New |MXML Component 命令 ， 弹 出 New MXML Component 对 话 框 ， 该 组 件 建 
立 在 Panel 基础 上 ， 文 件 名 为 LoginControl， 效 果 如 图 12-23 所 示 。 

(3) 在 LoginControl.mxml 文件 创建 完成 后 ， 接 下 来 就 要 布局 登录 组 件 了 ， 添 加 相关 的 
Lable、TextInput 和 Button 组 件 ， 具 体 如 代码 12.19 所 示 。 


图 12-23 新建 LoginControl 组 件 


代码 12.19 布局 登录 组 件 : LoginControl.mxml 


(4) 在 组 件 布局 完成 后 ， 还 需要 定义 一 个 登录 事件 ， 该 事件 命名 为 LoginEvent， 具 体 如 
代码 12.20 所 示 。 


代码 12.20 ”定义 LoginEvent 事件 


(5) 该 事件 需要 由 单 击 按钮 时 产生 的 事件 流 在 流 经 Panel 时 触发 , btnLogin 按钮 的 onClick 
事件 如 代码 12.21 所 示 。 


代码 12.21 btnLogin 按钮 的 onClick 事件 


(6) 以 上 内 容 添 加 完毕 后 ， 登 录 组 件 布局 已 完成 ， 各 组 件 间 的 关系 如 图 12-24 所 示 。 
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12-24 ”登录 组 件 中 各 组 件 间 的 关系 图 12-25 ”登录 组 件 布 局 效果 


(8) 在 自 定义 的 登录 组 件 制作 完成 后 ， 可 以 在 Components 组 件 窗口 中 的 Custom 目录 下 
找到 。 自 定义 组 件 的 使 用 也 很 简单 ， 跟 其 他 自 带 组 件 的 使 用 方法 完全 相同 ， 可 以 直接 拖 动 ， 
也 可 以 手动 输入 。 在 EventMXMLDemo.mxml 窗 体 中 添加 已 经 定义 完成 的 登录 组 件 ， 具 体 如 
代码 12.22 所 示 。 


代码 12.22 布局 窗 体 : EventMXMLDemo.mxml 


(9) 为 LoginControl 控件 定义 的 LoginEvent 事件 添加 触发 事件 Login, 如 果 能 够 成 功 触发 
则 弹出 提示 信息 为 “测试 成 功 !” 的 【提示 】 对 话 框 ， 具 体 如 代码 12.23 所 示 。 


代码 12.23 ”添加 触发 事件 
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(10) 在 以 上 代码 添加 完成 后 ， 如 何 使 用 MXML 的 标签 来 完成 事件 处 理 的 实例 已 制作 完 
成 。 将 文件 保存 后 ， 运 行 应 用 程序 ， 页 面 初始 化 后 的 效果 如 图 12-26 所 示 。 


图 12-26 页 面 初始 化 效果 


(11) 单 击 【 登 录 】 按 钮 , 弹出 提示 信息 为 “测试 成 功 !” 的 【提示 】 对 话 框 , 说 明 LoginControl 
控件 定义 的 LoginEvent 事件 已 成 功 触发 Login 事件 。 效 果 如 图 12-27 所 示 。 


图 12-27 ”测试 成 功 


显然 用 户 登录 的 功能 并 不 完整 ， 这 不 是 用 户 所 需要 的 ， 下 面 对 用 户 登录 功能 进行 完善 。 

(12) 在 程序 中 新 建 一 个 名 为 LoginFormEvent.as 的 ActionScript 类 文件 。 该 类 非常 简单 ， 
仅 包 括 两 个 全 局 的 String 类 型 变量 。 将 该 文件 放 入 com 目录 下 的 events 目录 中 ， 具 体 如 代码 
12.24 所 示 。 


代码 12.24 ”创建 自 定 义 事件 : LoginFormEvent.as 


package com.events 


import flash.events.Event; 


public class LoginFormEvent extends Event 


{ 


(13) 修改 自 定义 组 件 中 定义 的 登录 事件 LoginEvent， 有 具体 如 代码 12.25 所 示 。 
代码 12.25 ”修改 定义 的 LoginEvent 事件 


(14) 为 了 能 够 将 文本 框 中 的 值 作为 参数 传 入 LoginFormEvent.as 文件 的 全 局 变量 中 ， 需 
要 修改 自 定义 组 件 中 btnLogin 按钮 的 onClick 事件 ， 具 体 如 代码 12.26 所 示 。 


代码 12.26 ”修改 btnLogin 按钮 的 onClick 事件 


(15) 在 EventMXMLDemo.mxml 文 件 中 引入 已 经 定义 的 com.events.LoginFormEvent 事件 。 
当 事 件 LoginEvent 被 触发 时 ,可 以 根据 传 入 的 参数 来 判断 用 户 是 否 合法 , 若 合 法 则 登录 成 功 ， 
否则 登录 失败 。 修 改 后 的 代码 如 代码 12.27 所 示 。 


代码 12.27 ”修改 EventMXMLDemo.mxml 的 Login 事件 


(16) 在 以 上 代码 添加 、 修 改 完成 后 ， 用 户 登录 的 实例 已 补充 完整 。 将 文件 保存 后 ， 重 新 
运行 应 用 程序 ， 页 面 加 载 后 ， 分 别 在 用 户 名 和 密码 对 应 的 文本 框 中 输入 eastjia2008、123456， 


效果 如 图 12-28 所 示 。 
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图 12-28 输入 用 户 名 和 密码 
(17) 单 击 【 登 录 】 按钮 ， 弹 出 【欢迎 光临 】 对 话 框 提示 “用 户 eastjia2008 登录 成 功 !”， 


效果 如 图 12-29 所 示 。 


12-29 ”登录 成 功 时 弹出 【欢迎 光临 】 对 话 框 


自 定义 组 件 


ne fg 

在 Flex 程序 开发 中 ， 经 常会 遇 到 某 种 类 型 功能 会 在 程序 中 多 次 应 用 的 情况 。 当 遇 到 这 种 
情况 时 ， 如 果 开 发 人 员 不 做 任何 处 理 ， 一 旦 遇 到 该 功能 就 需要 重复 编写 同样 的 代码 ， 这 样 既 
浪费 程序 员 的 时 间 ， 也 会 延迟 项 目的 开发 进度 ， 显 然 是 很 不 明智 的 做 法 。 要 解决 此 问题 并 不 
难 ，Flex 中 为 开发 人 员 提供 了 一 种 机 制 ， 那 就 是 开发 人 员 可 以 开发 自 定义 组 件 ， 将 常用 功能 
集合 到 一 起 。 在 程序 开发 的 过 程 中 还 会 遇 到 一 种 情况 ， 那 就 是 组 件 的 功能 不 能 满足 项 目的 要 
求 ， 此 时 就 要 求 开发 人 员 开 发 自 定义 组 件 ， 以 满足 项 目 功能 的 需求 。 本 章 将 介绍 如 何在 Flex 
中 创建 自 定义 组 件 和 使 用 自 定义 组 件 。 


/ 学 习 目 标 1owecwv。 


> 掌握 创建 自 定义 组 件 的 两 种 方法 

> 掌握 在 组 件 中 添加 项 目的 方法 

> 能 够 编写 脚本 在 程序 中 动态 添加 项 目 
> 掌握 CSS 样式 的 语法 

> 熟悉 创建 CSS 样式 文件 的 方法 

> 能 够 编写 样式 文件 和 样式 

> 能 够 在 程序 中 使 用 样式 

> 熟悉 主题 的 创建 和 使 用 方法 

> 掌握 组 件 参数 的 传递 方法 


创建 组 件 


13. 


jp 


在 程序 开发 中 ， 尤 其 是 一 个 大 型 项 目 中 ， 开 发 人 员 不 会 把 所 有 的 代码 都 塞 进 一 个 文件 中 。 
基于 组 件 的 开发 模式 是 Flex 的 一 个 特色 。 一 个 Flex 程序 是 由 若干 个 组 件 构成 的 。 程 序 中 所 有 
的 MXML 文件 和 ActionScript 类 文件 ， 都 被 当 作 自 定义 的 组 件 。 用 户 自 定义 的 组 件 和 Flex 本 
身 的 组 件 在 用 法 上 完全 一 样 ， 它 们 的 区 别 在 于 : Flex 组 件 经 过 封装 ， 可 以 被 任意 程序 使 用 ， 
而 用 户 自 定义 的 组 件 在 特定 的 程序 中 才 可 以 使 用 。 

一 般 将 程序 中 功能 独立 或 者 需要 重复 使 用 的 部 分 ， 定 义 成 一 个 自 定义 组 件 。 编 写 程序 时 ， 


应 当 尽量 减少 组 件 与 组 件 之 间 的 直接 联系 ， 降 低 块 与 块 之 间 的 依赖 性 。Flex Builder 3 提供 了 
两 种 创建 自 定义 组 件 的 方法 ， 包 括 使 用 MXML 和 使 用 ActionScript。 


13.1.1 使 用 MXML 创建 组 件 


使 用 MXML 创建 组 件 必 须 在 可 视 化 组 件 的 基础 上 , 可 以 在 这 些 组 件 中 添加 标签 或 其 他 控 
件 。 然 后 可 以 将 此 组 件 作 为 一 个 单元 单独 对 待 ， 为 其 定义 属性 和 方法 。 自 定义 组 件 可 以 使 程 
序 员 很 容易 地 实现 代码 共享 和 重复 使 用 ， 缩 短 开发 周期 。 自 定义 组 件 在 第 一 次 调用 时 被 加 载 
到 客户 端 ， 从 而 减少 了 带宽 占有 率 ， 使 程序 更 加 流畅 。 

在 程序 开发 中 ， 用 户 登 录 可 能 要 在 许多 页 面 中 用 到 。 下 面 ， 通 过 在 Flex Builder 3 中 ， 创 
建 用 户 登录 组 件 ， 介 绍 使 用 MXML 创建 组 件 的 过 程 。 

首先 在 Flex Builder 3 中 , 选择 File|[New|Flex Project 命令 , 创建 一 个 名 称 为 chap13 的 Flex 
项 目 。 

然后 在 该 项 目的 src 目录 下 创建 文件 夹 ， 命 名 为 Components。 可 以 选择 File|[Newl|Folder 
命令 ， 也 可 以 在 Flex Navigator 窗 格 中 ， 右 击 项 目 中 的 src 目录 ， 选 择 New|Folder 命令 ， 打 开 
New Folder 对 话 框 ， 效 果 如 图 13-1 所 示 。 

在 Folder name 文本 框 中 输入 要 创建 的 文件 夹 名 ， 单 击 Finish 按钮 完成 创建 。 也 可 以 在 
Windows 资源 管理 器 中 ， 打 开 项 目 所 在 的 目录 ， 直 接 在 src 目录 中 新 建文 件 夹 。 创 建成 功 后 ， 
在 Navigator 窗 格 中 ， 显 示 出 创建 的 文件 夹 ， 如 图 13-2 所 示 。 
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13-1 New Folder 对 话 框 13-2 ”创建 Components 文件 夹 


创建 Components 文件 夹 ， 可 以 将 开发 的 组 件 全 部 存 入 其 中 ,方便 管理 。 文 件 夹 名 也 可 以 
根据 个 人 需要 创建 ， 但 是 不 能 为 系统 关键 字 ， 如 mx 等 。 

下 面 在 Components 文件 夹 中 创建 组 件 。 在 Navigator 窗 格 中 ， 右 击 Components 文件 夹 ， 
选择 NewJIMXML Component 命令 ， 弹 出 创建 MXML 组 件 的 对 话 框 ， 如 图 13-3 所 示 。 

在 Filename 文本 框 中 ， 输 入 要 创建 组 件 的 名 称 ， 例 如 “myLogin”。 从 Based on 下 拉 列 表 
框 中 ， 选 择 要 扩展 的 组 件 ， 这 里 用 到 的 是 TitleWindow 组 件 。 可 以 扩展 的 组 件 包括 Flex 自 带 


组 件 和 已 经 创建 的 自 定义 组 件 ， 这 些 组 件 都 是 可 视 化 组 件 。 输 入 长 度 和 宽度 ， 选 择 布局 方式 
后 ， 单 击 Finish 按钮 完成 创建 。 
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图 13-3 创建 MXML 组 件 对 话 框 


系统 在 Components 文件 夹 中 ， 自 动 创建 myLogin.mxml 文件 。 该 文件 与 MXML 应 用 程 
序 文件 名 后 缀 一样， 但 是 组 件 文件 不 包括 <mx:Application> 标 签 ， 此 文件 不 可 单独 执行 。 创 建 
的 myLogin.mxml 文件 ， 内 容 为 一 空 的 TitleWindow 组 件 ， 产 生 的 代码 如 代码 13.1 所 示 。 


代码 13.1 创建 基于 TitleWindow 的 组 件 代码 


除了 可 以 创建 Component 文件 外 ， 还 能 创建 Module 文件 。Module 文件 不 是 基于 各 种 可 
视 化 组 件 ， 而 是 基于 Module 的 。Module 和 Application 都 继承 自 LayoutContainer， 也 就 是 说 
Module 文件 本 身 就 是 容器 , 但 是 该 文件 同样 不 能 单独 执行 。Module 文件 和 Component 文件 作 
用 一 样 ， 同 样 可 以 实现 代码 共享 和 重用 ， 这 里 不 再 详细 讲述 。 


13.1.2 ”使 用 ActionScript 创建 组 件 


在 Flex 中 ， 所 有 的 组 件 都 是 ActionScript 类 。 例 如 Button 组 件 ， 对 应 Button.as 类 文件 。 
在 Flex 中 ， 类 分 为 组 件 类 、 管 理 类 、 数 据 服务 类 和 其 他 用 来 实现 Flex 功能 的 类 。 这 些 类 之 间 
存在 各 种 关系 ， 包 括 继承 等 。 图 13-4 展示 了 一 些 可 视 化 组 件 类 的 结构 。 

从 图 13-4 中 可 以 看 出 ， 所 有 可 视 化 组 件 最 终 都 继承 自 Sprite 类 。 该 类 是 基本 显示 列表 构 
造 块 : 一 个 可 显示 图 形 、 文 字 并 且 也 可 包含 子 项 的 显示 列表 节点 。 

Sprite 对 象 与 影片 剪辑 类 似 ， 但 没有 时 间 轴 。Sprite 类 是 ActionScript 3.0 中 新 引入 的 类 ， 
提供 了 MovieClip 类 功能 的 蔡 代 功能 。 此 蔡 代 功 能 保留 了 ActionScript 以 前 版 本 的 所 有 功能 ， 


以 提供 后 向 兼容 性 。MovieClip 类 在 ActionScript 3.0 中 仍然 存在 ， 可 以 通过 该 对 象 创建 时 间 轴 
动画 。 当 然 这 些 动画 ， 在 Flash 软件 中 创建 可 能 更 方便 。 在 Flex 中 ， 默 认 创建 的 可 视 化 组 件 
继承 自 Sprite 类 。 下 面 开始 在 Flex 中 创建 ActionScript 组 件 。 


图 13-4 一 些 可 视 化 组 件 类 的 结构 图 


首先 选择 File[New|ActionScript Class 命令 , 弹出 New ActionScript Class 对 话 框 , 如 图 13-5 
所 示 。 

在 Package 文本 框 中 填写 打包 名 , 或 者 通过 浏览 找到 要 打包 的 文件 夹 , 在 Name 文本 框 中 
填写 类 文件 名 。 类 文件 名 首 字 母 大 写 ， 这 是 写作 习惯 。 在 Modifiers 选择 框 中 选择 类 修饰 符 和 
关键 字 。Superclass 文本 框 用 来 填写 创建 类 的 基 类 ， 也 可 以 单 击 Browse 按钮 ， 从 弹出 的 Open 
Type 对 话 框 中 选择 基 类 ， 如 图 13-6 所 示 。Interfaces 用 来 添加 实现 的 接口 ， 可 以 通过 单 击 Add 
按钮 ， 打 开 Open Type 对 话 框 ， 选 择 可 用 来 实现 的 接口 。 
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图 13-5 New ActionScript Class 对 话 框 图 13-6 选择 基 类 


Code generation options 复 选 框 包括 3 项 , 其 中 第 一 项 表 
示 是 否 在 创建 类 时 ， 自 动 创建 该 类 的 构造 函数 ， 并 且 该 构造 
函数 调用 基 类 构造 函数 ; 第 二 项 表示 是 否 创建 实现 接口 的 函 
数 ， 该 项 只 有 在 Interfaces 中 添加 接口 后 才 有 效 ; 第 三 项 表 
示 是 否 添加 注释 ， 方便 以 后 阅读 。 

填写 完成 后 ， 单 击 Finish 按钮 完成 创建 ， 这 样 在 打包 文 
件 夹 下 ， 就 会 出 现 一 个 .as 后 级 的 文件 ， 如 图 13-7 所 示 ， 该 
文件 的 内 容 如 代码 13.2 所 示 。 图 13-7 创建 完成 后 生成 的 .as 文件 


代码 13.2 ”创建 的 ActionScript 类 文件 : MyLogin.as 


package Components 
{ 
public class MyLogin extends TitleWindow 
1 
public function MyLogin(){ 
3. 


} 


除了 可 以 创建 ActionScript Class 文件 ， 来 创建 组 件 外 ， 还 能 通过 创建 ActionScript File 文 
件 。ActionScript File 是 一 个 脚本 文件 ， 可 以 编写 任意 在 Flex 中 用 到 的 脚本 ， 通 过 在 主 程序 中 
调用 即 可 。 与 ActionScript Class 方式 创建 组 件 相 比 ，ActionScript File 方式 的 包 、 类 、 构 造 函 
数 等 都 需要 程序 员 编写 ， 其 他 的 都 一 样 。 


13.2 在 组 件 文件 中 添加 项 目 


组 件 文件 创建 成 功 之 后 ， 就 可 以 对 该 组 件 进行 修饰 。 例 如 ， 对 按钮 组 件 的 样式 进行 更 改 ， 
在 容器 组 件 中 添加 新 的 组 件 等 。 有 了 这 些 功 能 ， 创 建 的 组 件 就 有 了 特色 ， 而 不 仅仅 是 系统 提 
供 的 样式 。 本 节 将 要 介绍 如 何在 容器 中 添加 项 目 以 及 Flex 中 样式 的 相关 知识 。 


13.2.1 在 MXML 文件 中 添加 项 目 


13.1 节 介绍 了 两 种 在 Flex 中 创建 组 件 的 方法 ， 基 本 上 所 有 能 用 ActionScript 完成 的 自 定 
义 组 件 ， 都 可 以 通过 MXML 来 实现 。 一 般 来 说 ， 对 于 简单 的 自 定义 组 件 ， 例 如 修改 已 有 组 件 
的 一 些 属性 和 方法 ， 使 用 MXML 要 比 使 用 ActionScript 方便 得 多 。 当 在 新 的 组 件 中 使 用 了 别 
的 组 件 ， 而 且 需 要 使 用 Flex Layout 容器 来 进行 多 个 组 件 的 布局 设置 时 ， 使 用 MXML 来 定义 
更 方便 。 如 果 要 修改 某 一 个 组 件 的 行为 ， 例 如 一 个 容器 中 子 元 素 的 布局 方式 ， 则 使 用 
ActionScript。 如 果 要 通过 创建 UIComponent 的 子 类 来 创建 一 个 全 新 的 可 视 化 组 件 ， 则 使 用 
ActionScript。 如 果 要 创建 一 个 全 新 的 非 可 视 化 组 件 ， 例 如 Formatter，Validator， 或 者 Effect 


组 件 ， 则 使 用 ActionScript。 


©® 两 者 可 以 共存 于 一 个 项 目 中 ， 但 是 不 能 在 一 个 包 内 出 现 重 名 。 ) 


静态 添加 是 在 程序 运行 之 前 ， 就 要 把 对 象 添加 到 场景 中 ， 完 成 属性 设置 。 在 MXML 文件 
中 添加 组 件 和 在 主 程序 中 添加 组 件 一 样 ,可 以 在 Design 视图 下 , 将 组 件 从 Components 面板 中 ， 
拖 电 到 编辑 区 ; 也 可 以 在 Source 视图 下 , 输入 以 标识 符 "mx:" 开 头 的 标签 , 例如 ，<mx:Button> 
表示 按钮 组 件 。 还 可 以 在 Source 视图 下 添加 样式 和 脚本 ， 将 在 下 面 章节 中 介绍 。 


© 在 非 容器 组 件 中 ， 不 可 以 添加 组 件 ， 例 如 非 容 器 组 件 Button 等 。 ) 


下 面 在 第 13.1.1 小 节 创建 的 myLogin.mxml 文件 中 ， 添 加 2 个 Text 组 件 、2 个 TextInput 
组 件 和 2 个 Button 组 件 ， 并 调整 组 件 的 位 置 ， 得 到 如 图 13-8 所 示 的 效果 。 添 加 后 文件 内 容 如 
代码 13.3 所 示 。 


此 | 
图 13-8 添加 组 件 后 的 自 定义 组 件 效果 


代码 13.3 ”在 自 定义 组 件 中 添加 组 件 后 代码 


动态 添加 是 指 在 程序 运行 中 ， 通 过 代码 控制 ， 将 对 象 添加 到 场景 中 。 这 种 情况 有 点 类 似 
下 一 节 讲 到 的 在 ActionScript 文件 中 添加 项 目 ， 可 以 调用 addChild0 和 addChildAt0 方 法 添加 ， 
可 以 参考 下 一 节 。 除 了 这 种 方法 外 ， 还 可 以 通过 调用 mx.manager 包 中 的 弹出 方法 ， 向 场景 中 
添加 对 象 。 

mx.manager 包 中 有 addPopUpO 和 centerPopUpO 两 个 方法 ， 可 以 实现 弹出 效果 。 其 中 
addPopUp() 方 法 弹出 一 个 可 视 化 对 象 , 该 对 象 在 场景 中 居于 最 上 层 , 也 就 是 下 一 节 讲 到 的 深度 
值 最 大 。 该 方法 的 定义 代码 如 下 所 示 。 


该 方法 容许 有 4 个 参数 ， 其 中 第 一 个 参数 window 为 需要 弹出 的 可 视 化 对 象 ; 第 二 个 参数 
parent 为 弹出 窗口 的 父 对 象 , 该 对 象 容纳 弹出 窗口 ; 第 三 个 参数 modal 表示 是 否 在 弹出 窗口 后 ， 
不 容许 与 其 他 对 象 进行 交互 ， 也 就 是 该 对 象 类 似 与 警告 框 ， 弹 出 之 后 不 容许 对 场景 中 的 其 他 
对 象 进行 操作 ; 第 四 个 参数 只 能 为 PoppUpManagerChildList 枚 举 类 的 成 员 ， 表 明 弹 出 窗口 的 相 
对 目标 。 

下 面 在 代码 13.3 的 基础 上 , 添加 一 个 按钮 , 当 单 击 这 个 按钮 时 , 弹出 另外 一 个 TitleWindow 
窗口 。 弹 出 窗口 的 代码 如 代码 13.4 所 示 ， 效 果 如 图 13-9 所 示 。 


代码 13.4 使 用 addPopUp() 方 法 弹出 窗口 


单 击 【弹出 一 个 新 窗口 】〗】 按 钮 可 以 弹出 若干 个 窗口 ，Flash Player 自动 为 每 一 
个 窗口 指定 Name。 弹 出 的 对 象 如 果 带 有 title 属性 ， 一 般 情 况 下 都 是 可 以 被 拖 
动 的 。 
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13-9 ”使 用 addPopUp0 方 法 弹出 窗口 效果 


centerPopUp() 方 法 与 addPopUp0 方 法 相似 ， 只 是 弹出 的 窗口 在 场景 中 位 置 居 中 。 该 方法 
只 有 一 个 参数 ， 即 需要 弹出 的 可 视 化 对 象 ， 但 是 该 对 象 必须 是 通过 调用 createPopUp() 方 法 创 
建 的 弹出 对 象 。centerPopUp0 方 法 的 定义 代码 如 下 所 示 。 


pub. 


lic static function centerPopUp (popUp:IFlexDisplayObject) :void 


Ti 


在 主 程序 中 添加 一 个 按钮 ， 单 击 该 按钮 ， 弹 出 已 创建 的 myLogin 组 件 ， 并 且 该 组 件 


的 位 置 在 


场景 中 居中 。 主 程序 的 内 容 如 代码 13.5 所 示 ， 效 果 如 图 13-10 所 示 。 
代码 13.5 ”使 用 centerPopUp() 方 法 弹出 窗口 


<?xml version="1.0" encoding="utf-8"?> 


<mx 
Xml 


:Application xmlns:mx="http://www.adobe.com/2006/mxml"” layout="absolute" 
ns:nsl="Components.*"> 
<mx:Button x="20" y="24" label=" 弹 出 居中 窗 D" click="showWin()"/> 
<mx:Script> 
<! [CDRATRA[ 
import Components.myLogin; 
import mx.managers.PopUpManager; 
internal function showWin() :voidi{ 
PopUpManager .centerPopUp (PopUpManager .createPopUp (this, 
myLogin)); 


]]> 
</mx:Script> 


</mx:Application> 
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图 13-10 ”使 用 centerPopUp0 方 法 弹出 窗口 效果 


13.2.2 在 ActionScript 文件 中 添加 项 目 


在 Flash Player 中 ， 由 ActionScript 虚拟 机 (AVM) 和 泻 染 引 擎 实现 在 场景 中 显示 对 象 。 
AVM 负责 执行 ActionScript 代码 、 创 建 对 象 ， 泻 染 引擎 负责 在 屏幕 上 绘制 对 象 。 其 中 创建 对 
象 需要 用 到 new 操作 符 ， 实 例 化 组 件 的 类 。 例 如 创建 一 个 Button 对 象 的 代码 如 下 所 示 。 


Var myButton:Button=new Button; 


上 述 代 码 在 AVM 中 创建 了 一 个 Button 对 象 ， 但 是 该 对 象 没有 绘制 到 屏幕 上 ， 因 为 它 还 
不 存在 于 泻 染 引擎 中 。 要 把 它 放 到 泻 染 引擎 中 ， 需 要 添加 该 对 象 到 可 视 化 对 象 容器 中 ， 通 过 
调用 addChild0 和 addChildAt0 方 法 添加 。 


C 1. addChild() 方 法 门 

addChild( 方 法 将 一 个 DispliyObiect 对 象 , 添加 到 该 DisplayObjectContainer 对 象 中 , 该 方 
法 的 定义 语句 如 下 所 示 。 

override public function addCchild(child:DisplayObject) :DisplayObject 

当 在 DisplayObjectContainer 对 象 中 添加 对 象 时 ,添加 的 对 象 就 成 为 DisplayObjectContainer 
对 象 的 子 对 象 。 这 样 就 有 了 一 定 的 级 别 结构 ， 其 中 stage 是 所 有 可 视 化 对 象 的 根 节点 。 

在 13.1.1 节 创 建 的 TileWindow 组 件 中 ， 添 加 【登录 】 按 钮 可 以 使 用 如 代码 13.6 所 示 的 
代码 。 


代码 13.6 ”在 容器 中 添加 按钮 组 件 


package Components 

{ 
import mx.containers.TitleWindow; 
import mx.controls.Button; 


public class MyLogin extends TitleWindow 


| 


对 象 添加 到 可 视 化 容器 中 ， 还 具有 一 定 的 深度 关系 ， 这 种 关系 决定 着 对 象 在 屏幕 上 显示 
的 顺序 。 一 般 情 况 下 ， 后 添加 的 对 象 所 处 的 深度 靠 上 。 在 Flex 中 ， 每 个 对 象 在 容器 中 都 有 个 
深度 位 置 ， 用 一 个 整数 来 索引 。 位 置 0 代表 最 底层 ， 处 在 该 位 置 的 对 象 在 处 在 位 置 1 的 对 象 
下 绘制 ， 位 置 1 在 位 置 2 下 绘制 ， 依 次 类 推 。 使 用 过 Flash 和 Photoshop 的 用 户 ， 对 深度 〈 或 
图 层 ) 概念 比较 容易 接受 。 

当 通 过 addChild() 方 法 添加 对 象 时 ， 该 对 象 会 显示 在 最 顶层 ， 也 就 是 该 对 象 得 到 最 大 的 深 
度 索 引 值 。 若 要 自己 指定 对 象 的 深度 ， 就 要 用 到 addChildAt0 方 法 ， 该 方法 的 定义 语句 如 下 
所 示 。 


下 面 通过 一 个 实例 ， 演 示 如 何 使 用 上 述 两 个 方法 。 首 先 在 Flex 中 创建 一 个 ActionScript 
Project， 系 统 自动 生成 一 个 主 文件 ， 该 文件 继承 自 Sprite 类 。 在 此 文件 中 编写 代码 ， 创 建 3 
个 不 同 颜色 的 正方 形 ， 使 用 addChild() 方 法 添加 到 场景 中 。 再 创建 同样 的 3 个 正方 形 ， 只 是 位 
置 不 同 ， 使 用 addChildAt0 方 法 添加 到 场景 中 。 具 体内 容 如 代码 13.7 所 示 ， 效 果 如 图 13-11 
所 示 。 


代码 13.7 使 用 addChild() 和 addChildAt() 方 法 添加 对 象 
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自 定义 组 件 


addCchild (greenRect); 

addChild(redRect); 

addchild (blueRect); 

Var greenRect1:Shape=CTreateRect (0x00ff£00,200,50,100,100); 
Var redRect1:Shape=CreateRect (0xff0000,200,60,100,100) 7 
Var blueRect1:Shape=CreateRect (0x0000ff£,200,70,100,100); 

addChildRAt (greenRect1,3); B67) 
addChildAat (redRect1,2); 

addChildAat (blueRect1,1); 


} 
// 创 建 函 数 ， 用 来 显示 正方 形 
protected function CreateRect (color:uint,x:Number,y:Number, 
width:Number,height:Number) :Shape{ 
var myshap:Shape=new Shape; 
myshap.graphics.beginFill (color,1); 
myshap.graphics.drawRect (x,y, width,height); 
myshap.graphics.endFill(); 
return myshap; 


/SF:\ 重 红 伟 \ 书 稳 \Flex\ 源 代码 vchap131\bin-debug... 大 | 茵 | 区 ] 


知 ?:\ 重 红 作 \ 书 箱 \, 加 | 好 | 六 
实 风 了 :至 红 伟 \ 书 稿 \Plex. 


图 13-11 使 用 addchild0 和 addChildAt0 方 法 添加 对 象 的 不 同 效 果 


13.3 ”使 用 CSS 样式 


无 论 是 网 页 还 是 程序 ， 都 需要 对 界面 进行 美化 。 系 统 自 带 的 组 件 界面 虽然 已 经 比较 漂亮 ， 
但 是 还 是 满足 不 了 视觉 上 的 要 求 。 这 就 需要 使 用 CSS 样式 ， 使 得 组 件 具 有 一 定 的 视觉 效果 ， 
融合 到 整个 网 站 或 程序 中 。Flex 比 Flash 更 适合 网 页 开发 ， 优 势 之 一 就 是 Flex 支持 的 CSS 样 
式 要 比 Flash 丰富 ， 样 式 定义 的 方法 也 很 多 。 本 节 将 介绍 Flex 中 样式 的 基础 知识 和 如 何 使 
样式 。 


13.3.1 CSS 样式 语法 


样式 表 由 多 条 样式 规则 组 成 ， 每 种 样式 规则 都 设置 一 种 样式 。 一 种 样式 规则 ， 就 是 针对 
对 象 所 设 定 的 显示 样式 。 样 式 规则 的 定义 语法 非常 简单 ， 都 是 由 一 些 属性 标签 组 成 的 。 


样式 表 是 由 若干 条 样式 规则 组 成 的 ， 这 些 样式 规则 可 以 应 用 到 不 同 的 元 素 或 文档 来 定义 
它们 显示 的 外 观 。 每 一 条 样式 规则 由 3 部 分 构成 :选择 符 〈Selector)、 属 性 (properties) 和 属 
性 的 取 值 (value )。 其 基本 格式 如 下 : 


Selector 选择 符 必须 为 Flex 中 的 可 视 化 组 件 或 可 视 化 自 定义 组 件 ,如 Button、Text、myLogin 
( 自 定义 组 件 ) 等 。property 属性 则 是 选择 符 指定 的 标签 所 包含 的 属性 。value 指定 了 属性 的 值 。 
如 果 定 义 选择 符 的 多 个 属性 ， 则 属性 和 属性 值 为 一 组 ， 组 与 组 之 间 用 分 号 (;) 隔 开 。 格 式 


: 
到 


下 面 就 给 出 一 条 样式 规则 ， 如 下 所 示 。 


该 样式 规则 中 Button 是 指 为 按钮 提供 样式 ，color 为 指定 文字 颜色 的 属性 ，#Ht0000 为 属 
性 值 ， 表 示 按 钮 的 文字 颜色 为 红色 。 

如 果 属 性 值 由 多 个 值 组 成 ， 那 么 该 属性 值 就 必须 使 用 逗号 〈,) 隔 开 。 例 如 ， 设 置 Panel 
的 标题 颜色 由 白色 过 渡 到 深 灰色 ， 样 式 规则 如 下 : 


如 果 属 性 值 为 字符 串 类 型 ， 那 么 该 属性 值 就 必须 使 用 双 引 号 〈"") 隔 开 。 例如， 设置 Panel 
的 标题 样式 名 为 mypanelTitle， 样 式 规则 如 下 : 


如 果 要 为 Panel 同时 设置 多 种 样式 ， 则 可 以 使 用 下 列 语句 。 


一 般 情况 下 ， 为 了 便于 阅读 ， 书 写 样式 规则 时 ， 可 以 采用 分 行 的 格式 ， 例 如 : 


Flex 中 ， 并 非 所 有 组 件 的 可 视 化 属性 都 能 作为 样式 表 的 属性 ， 例 如 
UIComponent 类 的 x、y、width 和 height 并 不 是 样式 属性 ， 当 然 也 不 能 在 CSS 
文件 中 设 定 。 


[和 

有 些 标签 的 样式 可 以 是 相同 的 ， 例 如 颜色 、 大 小 。 这 时 就 可 以 将 具有 相同 属性 和 值 的 选 
择 符 组 合 起 来 形成 选择 符 组 统一 定义 ， 选 择 符 之 间 用 逗号 〈,) 隔 开 ， 这 样 可 以 减少 样式 的 重 
复 定义 。 

例如 ， 设 定 按钮 和 文字 区 域 组 件 的 字体 大 小 为 14， 颜 色 为 红色 。 


该 样式 规则 还 可 以 写 为 : 


使 用 类 选择 符 能 够 为 相同 的 标签 定义 不 同 的 样式 ， 也 可 以 把 相同 的 样式 使 用 到 不 同 的 标 
签 上 。 定 义 类 选择 符 时 ， 需 要 在 自 定义 类 的 名 称 前 面 加 一 个 句点 (.)。 例 如 ， 为 Button 组 件 
定义 两 个 类 来 表示 不 同 的 样式 。 


上 面 两 个 样式 规则 ，Button 表示 样式 应 用 的 组 件 为 按钮 ，red、green 为 定义 的 类 选择 符 的 
类 的 名 称 ， 他 内 为 样式 定义 。 


类 的 名 称 可 以 是 任意 英文 字符 串 或 以 英文 开头 的 英文 字符 与 数字 的 组 合 ， 一 
般 情 况 下 ， 是 以 其 功能 及 效果 的 简写 作为 名 称 。 


将 定义 的 类 选择 符 应 用 到 不 同 的 Button 组 件 中 ， 只 要 在 <mx:Button/> 标 签 中 指定 
styleName 属性 即 可 。 


© 一 个 组 件 对 象 只 能 使 用 一 个 类 选择 符 定义 的 样式 。 ) 


上 面 定 义 的 类 选择 符 只 适用 于 一 种 标签 ， 当 然 也 可 以 将 定义 类 选择 符 应 用 于 具有 相同 样 
式 的 不 同 标签 。 此 时 ， 类 选择 符 中 句点 〈.) 前 就 可 以 将 标签 名 省 略 。 例 如 : 


该 样式 规则 表示 定义 .red 的 类 选择 符 颜 色 显 示 为 红色 ， 可 以 被 应 用 于 所 有 具有 color 属性 
的 标签 ， 从 而 实现 相同 的 样式 外 观 。 例 如 : 


的 类 样式 。 


© 定义 省 略 标签 的 类 选择 符 ， | 


13.3.2 创建 CSS 文件 


在 Flex 软件 中 ， 为 用 户 创建 CSS 样式 提供 了 界面 化 的 操作 环境 ， 实 现 了 所 见 即 所 得 ， 使 
开发 样式 变 得 简单 。 本 小 节 讲 述 如 何 使 用 Flex 环境 开发 样式 。 

首先 在 Flex 中 新 建 一 个 CSS 文件 。 通过 选择 File[New|CSS File 命令 , 打开 新 建 CSS 文件 
的 窗 格 ， 如 图 13-12 所 示 。 选 择 sr 文件 夹 为 存放 文件 的 位 置 ， 在 Filename 文本 框 中 输入 CSS 
文件 的 文件 名 称 ， 单 击 Finish 按钮 完成 创建 。 

创建 好 的 CSS 文件 打开 后 ， 编 辑 区 的 效果 如 图 13-13 所 示 。 通 过 观察 可 以 看 出 ， 该 文件 
也 是 可 以 转 到 设计 模式 的 ， 也 就 是 可 以 预览 的 。 


This css file is empty Create a nev style using the Mev Style 
button 


inthe toolbar, 


编辑 区 域 | 


图 13-12 新 建 CSS 文件 窗 格 效果 13-13 ”CSS 文件 在 编辑 区 的 效果 


在 设计 模式 下 ,可 以 通过 单 击 【 添 加 样式 】 按 钮 闸 添 加 pg 
新 样式 ， 弹 出 新 建 样式 对 话 框 。 在 该 对 话 框 中 可 以 创建 样式 St me Ot rnt ny 


eonpeneats with style nene 


规则 ， 窗 格 效果 如 图 13-14 所 示 。 I 
在 新 建 样式 对 话 框 中 ， 需 要 选择 Selector type， 即 选择 EEE 

符 类 型 ， 包 括 4 种， 如 下 所 示 。 - 
口 All components (global) 针对 整个 场景 ， 定义 名 
为 global 的 全 局 样式 。 该 样式 不 需要 引用 ， 会 用 到 
整个 场景 中 。 一 个 CSS 文件 中 只 能 有 一 个 global 图 13-14 ”新 建 样式 窗 格 


定义 ， 

口 All components with style name 创建 可 以 被 所 有 组 件 使 用 的 样式 。 

口 Specific component 针对 特定 组 件 开 发 样式 。 

口 Specific component with style name 创建 可 以 被 特定 组 件 使 用 的 样式 。 

Component 下 拉 列 表 框 ， 用 来 选择 开发 样式 针对 的 组 件 ， 这 些 组 件 为 Flex 可 视 化 组 件 或 
用 户 可 视 化 组 件 。 

Name 文本 框 用 来 定义 样式 名 称 。 样 式 名 称 不 要 重复 ,否则 有 些 样式 将 被 覆盖 。 这 一 项 只 
是 在 需要 输入 时 才 有 效 。 

当选 择 All components 选项 后 ， 单 击 OK 按钮 ,创建 global 全 局 样式 。 初 次 创建 时 ,会 弹 
出 Select Component for Preview 对 话 框 ， 如 图 13-15 所 示 。 该 对 话 框 用 来 选择 创建 样式 的 预览 
组 件 。 例 如 ， 当 选择 Button 组 件 ， 单 击 OK 按钮 之 后 ， 编 辑 区 会 显示 按钮 的 所 有 样式 ， 如 图 
13-16 所 示 。 


Seeced Up 


Selemed over 


Seleded com | 


‘Selacted Dirabled 


图 13-15 选择 预览 组 件 图 13-16 选择 Button 组 件 作 为 预览 


在 Flex Properties 对 话 框 中 ， 显 示 对 应 Button 组 件 的 相关 属性 ， 可 以 进行 修改 ， 编 辑 区 会 
随 之 改变 效果 ， 例 如 ，Text 属性 中 改变 文字 颜色 等 。 


@ global 样式 的 更 改 ， 不 仅仅 是 改变 菜 一 组 件 的 样式 ， ne 
更 有 效 . 


除了 在 预览 模式 下 定义 样式 外 ， 也 可 以 在 代码 模式 下 ， 通 过 输入 代码 的 形式 ， 编 写 样式 ， 
这 种 方式 对 样式 语法 要 求 较 高 。 


13.3.3 引用 CSS 样式 


上 一 小 节 中 ,介绍 了 如 何在 Flex 中 创建 CSS 文件 ， 该 文件 实际 上 就 是 个 文本 文件 ， 也 可 
以 使 用 文本 编辑 器 编写 。 在 Flex 中 ， 除 了 创建 CSS 文件 ， 还 有 其 他 方式 为 组 件 定义 样式 。 本 
小 节 讲 述 如 何在 场景 文件 中 使 用 CSS 样式 。 

在 Flex 中 ， 为 组 件 添 加 样式 的 方法 有 以 下 5 种 。 


使 用 本 地 样式 

使 用 外 部 样式 表 
使 用 内 联 样 式 

使 用 setStyle() 方 法 
使 用 StyleManager 类 


在 MXML 文件 中 ， 可 以 使 用 <mx:Style> 标 签 创 建 本 地 样式 定义 。 这 些 定义 会 应 用 到 当前 
文档 ， 以 及 当前 文档 的 所 有 子 文档 。 可 以 通过 在 Flex Properties 对 话 框 中 进行 设 定 ， 也 可 以 在 
代码 中 添加 。 

例如 ， 定 义 一 个 页 面 中 两 种 字体 。 可 以 创建 两 个 不 同 的 类 选择 器 ， 定 义 不 同 的 字体 ， 并 
将 它们 赋 给 两 个 TextArea。 完 整 内 容 如 代码 13.8 所 示 ， 生 成 效果 如 图 13-17 所 示 。 


代码 13.8 ”使 用 本 地 样式 


全 -本 全- 宣 


如 上 例 所 示 ， 使 用 本 地 样式 ， 可 以 定义 若干 类 选择 符 。 通 过 类 选择 符 ， 可 以 使 同一 个 组 
件 的 不 同 实例 ， 达 到 不 同 效果 。 


测 ”在 自 定义 组 件 中 定义 的 样式 ， 使 用 组 件 作 为 选择 符 定义 样式 ， 在 程序 文件 中 
不 会 起 作用 。 而 应 该 使 用 类 选择 符 定义 ， 再 为 组 件 对 象 设置 styleName 属性 ， 
或 使 用 内 联 方式 定义 样式 。 


图 13-17 定义 不 同 字体 效果 


1 2， 使 用 外 部 样式 表 “| 


如 果 定 义 的 样式 不 是 太 多 ， 可 以 使 用 本 地 样式 表 定 义 。 如 果 定 义 的 样式 较 多 时 ， 程 序 文 
件 就 会 很 大 ， 阅 读 起 来 不 方便 。 用 户 可 以 将 这 些 样式 单独 保存 在 一 个 .css 文件 中 ， 通 过 程序 文 
件 调用 来 使 用 样式 。 在 Flex 中 ， 通 过 在 <mx:Style> 标 签 的 source 属性 中 指定 外 部 CSS 文件 。 

下 面 通过 一 个 例子 ， 看 看 如 何 使 用 外 部 样式 表 。 首 先 在 Flex 中 创建 一 个 CSS 文件 ， 命 名 
为 mystyle.css。 在 此 文件 中 定义 HscrollBar 和 VscrollBar 样式 ， 这 两 个 选择 符 是 Flex 组 件 ， 
分 别 代表 横向 和 纵向 滚动 条 。 内 容 如 代码 13.9 所 示 。 


代码 13.9 定义 横 、 纵 向 滚动 条 样式 : mystyle.css 


然后 在 程序 页 面 中 引入 上 面 创建 的 CSS 文件 。 在 程序 文件 的 <mx:Application> 标 签 内 ， 添 
加 <mx:Style> 标 签 ， 并 指定 source 属性 为 CSS 文件 的 地 址 。 

再 在 程序 文件 中 ， 添 加 一 个 Image 组 件 ， 并 为 其 指定 Source 属性 。 该 图 片 较 大 ， 当 改变 
程序 页 面 的 大 小 时 ， 页 面 会 出 现 滚动 条 。 程 序 文件 的 内 容 如 代码 13.10 所 示 。 


代码 13.10 ”程序 文件 代码 
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</mx:Style> 
<mx:Image x="0" y="0" source="images/view.jpg"/> 
</mx:Application> 


运行 该 程序 , 通过 鼠标 拖 动 , 改变 页 面 的 大 小 , 使 页 面 产生 滚动 条 , 效果 如 图 13-18 所 示 。 
E 3. 使 用 内 联 样式 


所 谓 内 联 样式 ， 是 指 直接 设 定 页 面 中 某 个 对 象 的 属性 ， 
可 以 在 预览 模式 或 代码 模式 下 设 定 。 在 预览 模式 下 ， 可 以 在 
Flex Properties 对 话 框 中 ， 设 定 对 象 属性 。 在 代码 模式 下 ,可 
以 通过 添加 代码 设置 。Flex 软件 提供 了 智能 提示 功能 ， 当 在 
某 一 标签 内 按 下 空格 键 时 ， 弹 出 提示 框 ， 显 示 出 该 组 件 支持 
的 所 有 属性 和 方法 ， 如 图 13-19 所 示 。 当 输入 某 个 字母 时 ， ”图 13-18 ”改变 横 纵 滚动 条 样式 效果 
提示 框 中 内 容 进行 筛选 ， 提 出 以 此 字母 开头 的 属性 和 方法 。 继 续 输入 需要 属性 的 字母 ， 直 到 
看 到 提示 框 中 选中 该 属性 ， 按 回 车 键 确认 。 

通过 内 联 方式 定义 的 样式 ， 优 先 级 要 比 本 地 样式 和 外 部 样式 高 ， 但 是 这 种 样式 定义 只 对 
单个 对 象 ， 局 限 性 较 大 。 下 面 通过 为 RadioButton 组 件 定义 样式 ， 来 看 如 何 使 用 内 联 样式 。 

首先 在 程序 文件 中 添加 5 个 RadioButton 组 件 ， 设 置 所 有 的 groupName 属性 为 favorites， 
每 一 个 的 label 属性 不 同 。 然 后 使 用 本 地 样式 ， 为 RadioButton 组 件 定义 类 选择 符 样式 ， 包 括 
字体 颜色 和 大 小 。 最 后 ， 单 独 为 最 后 一 个 RadioButton 对 象 设置 不 同 字体 颜色 。 该 程序 文件 的 
完整 内 容 如 代码 13.11 所 示 ， 运 行 该 程序 ， 效 果 如 图 13-20 所 示 。 

eat _ 


ml version="1.0" encoding="utf-8"?> 
3:Application xmlns:mx="http://www.ado 


_ _ 厨 ?， 亚 江 人 \ 有 va 
1 cmx:Hslider dataTipoffset="0" tickoffs 


5 x:Applicatio 。 ~ 六 | 大 r ne 


图 13-19 ”代码 模式 下 弹出 提示 框 效果 图 13-20 使 用 内 联 样式 效果 


代码 13.11 使 用 内 联 样式 


<?xml version="1.0" encoding="utf-8"?> 


<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mzxml" layout="absolute"> 
<mx:Style> 
RadioButtont{ 
Color:#00ff007 


上 文中 讲 到 的 3 种 引用 样式 方法 ， 是 在 程序 编译 时 指定 的 ， 也 可 以 在 程序 运行 时 动态 指 
定 ， 这 需要 使 用 ActionScript 中 的 setStyle0 方 法 。 使 用 这 种 方式 ， 不 能 得 到 “所 见 即 所 得 ”的 
效果 ， 需 要 程序 员 有 较 强 的 客户 端 处 理 能 力 。 但 是 这 种 方式 ， 为 样式 的 应 用 提供 了 更 加 灵活 
的 功能 。 

setStyle() 方 法 有 两 个 参数 : 样式 名 称 和 样式 的 值 ， 该 方法 的 定义 语句 如 下 所 示 。 


下 面 通过 一 个 实例 来 演示 如 何 使 用 setStyle0 方 法 。 该 实例 使 用 ColorPicker 组 件 ， 通 过 选 
择 颜色 ， 改 变 场景 背景 颜色 的 功能 。 

首先 创建 一 个 程序 文件 , 在 此 文件 中 添加 一 个 ColorPicker 组 件 ,命名 为 cpBgColor, change 
属性 设置 为 ChangeBg0。ChangeBgO 函 数 ， 可 以 在 文件 中 定义 ， 主 要 是 根据 cpBgColor 对 象 
选中 的 颜色 值 ， 更 改 场景 的 背景 颜色 。 程 序 文件 的 内 容 如 代码 13.12 所 示 ， 运 行 后 ， 效 果 如 图 
13-21 所 示 。 


代码 13.12 使 用 setStyle() 方 法 更 改 场景 的 背景 色 
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</mx:Application> 


‘EE 使 用 StyleManager 类 一 


/F:\ 重 红 伟 \ 书 入 \Flex\ 源 代码 \chap13\bin-.…. 攻占 | 区 | 


在 Flex 中 ,提供 了 管理 样式 的 StyleManager 类 ， 该 7 ISr Erwin [4 ||x 


全 > 


日 


类 位 于 mx.styles 包 中 。 在 程序 文件 中 ， 通 过 创建 样式 对 | 
象 (CSSStyleDeclaration)， 为 对 象 设置 新 的 样式 属性 。 
然后 通过 StyleManager 对 象 的 setStyleDeclaration() 方 法 ， 
将 样式 对 象 添 加 到 页 面 中 。 setStyleDeclaration() 方 法 的 定 
义 语句 如 下 所 示 。 


public static function setstyleDeclaration 
(selector:String,styleDeclaration: 
CssstyleDeclaration, 


update:Boolean) :void 13-21 选择 绿色 时 场景 背景 色 效果 


参数 selector 表示 新 的 样式 选择 符 ，styleDeclaration 为 新 的 样式 对 象 ，update 表示 是 否 立 
即 生效 。 当 update 为 tue 时 ， 表 示 新 的 样式 立即 生效 ， 应 用 到 所 有 对 应 的 目标 对 象 。 如 果 为 
false， 不 会 立即 生效 ， 直 到 再 次 调用 StyleManager 的 clearStyleDeclaration() 方 法 时 才 起 作用 。 

下 面 通过 一 个 实例 演示 如 何 使 用 StyleManager 类 ， 定 义 样式 。 该 实例 可 以 根据 用 户 的 选 
择 ， 设 置 文本 框 中 文字 的 颜色 和 大 小 。 

首先 创建 程序 文件 ， 在 该 文件 中 添加 1 个 ColorPicker 组 件 和 1 个 NumericStepper 组 件 ， 
ColorPicker 组 件 用 来 选择 文字 颜色 , NumericStepper 组 件 用 来 设置 大 小 。 再 添加 1 个 TextArea 
组 件 和 一 个 Button 组 件 ， 分 别 用 来 显示 文字 和 提交 修改 。 

然后 设置 组 件 属性 , 主要 是 为 ColorPicker 和 NumericStepper 组 件 指 定 id 以 及 为 TextArea 
组 件 添 加 内 容 ， 为 Button 组 件 添加 click 方法 。 最 终 程序 文件 内 容 如 代码 13.13 所 示 ， 运 行 后 
效果 如 图 13-22 所 示 。 


代码 13.13 ”使 用 StyleManager 类 更 改 文 字样 式 


<?xml version="1.0" encoding="utf-8"?> 


<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
<mx:Script> 
<! [CDATA[ 

import mx.styles.SstyleManager; 

internal function ChangeStyle() :void{ 
// 定 义 样式 对 象 
Var myTextArea:CSSstyleDeclaration=new CSSStyleDeclara- 
tion(); 
// 设 置 样式 属性 
ImyTextRArea-setStyle("color",，CcpPColor.-value) 7 
ImyTextRArea-setStyle("fontSize"，nSsEFontSize-Vvalue) 7 
// 添 加 到 页 面 ， 并 立即 生效 


StyleManager.setStyleDeclaration(".myStyle",myTextArea, 


图 13-22 设置 字体 颜色 为 红色 ， 大 小 为 16 时 效果 


13.3.4 ”使 用 主题 


对 Windows 操作 系统 的 主题 ， 应 该 都 不 陌生 ， 可 以 定制 系统 的 操作 界面 。 在 Flex 中 ， 也 
提供 了 主题 这 个 概念 。 其 实 主题 就 是 一 个 配置 完整 的 样式 包 ， 样 式 包 定义 的 色彩 和 外 观 形成 
一 种 表现 风格 。 


Flex SDK 默认 使 用 的 主题 名 为 Halo, 只 包含 一 个 default.css 文件 。 该 文件 位 于 Flex Builder 
安装 目录 下 的 sdks\3.0.0Mrameworks\libs 文件 夹 中 ， 用 WinZip 或 WinRAR 等 解压 缩 工具 打开 
目录 下 的 framework.swec 文件 ,可 以 看 到 其 中 的 defaultcss 文 件 . 此 外 , 还 包括 了 default-2.0.0.css 
和 default-2.0.1.css 两 个 CSS 文件 ， 是 该 主题 的 不 同 版 本 。 

将 default.css 文件 从 压缩 文件 中 解压 出 来 , 使 用 文本 编辑 器 打开 之 后 , 会 看 到 里 面 的 样式 
代码 ， 定 义 了 大 部 分 组 件 的 样式 和 外 观 。 


主题 文件 一 般 以 SWC 文件 形式 存放 ， 也 可 以 是 CSS 样式 文件 和 其 他 图 片 资 源 ， 推 荐 使 
用 SWC 文件 形式 ， 好 处 在 于 使 用 方便 、 利 于 管理 。 当 样式 由 很 多 文件 组 成 时 ， 打 包 成 一 个 
SWC 文件 ， 找 贝 起 来 会 很 方便 ， 也 利于 反复 使 用 。 而 且 SWC 文件 是 经 过 Flex 编译 器 预 编译 
的 ， 无 法 修改 ， 使 用 时 也 不 用 再 编译 ， 提 高 了 运行 速度 。 

Flex SDK 中 包含 了 几 套 主题 供 开发 者 使 用 ， 它 们 位 于 Flex Builder 的 安装 目录 下 的 
sdks\3.0.0\frameworks\themes 文件 夹 中 ， 该 文件 夹 中 包含 的 文件 结构 如 表 13-1 所 示 。 


表 13-1 Flex SDK 中 主题 文件 夹 文件 结构 


AeonGraphical 。 由 AeonGraphical.css 和 AeonGraphical.swf 两 个 文件 组 成 ， 这 是 Halo 主题 的 图 像 版 本 
HaloClassic haloclassic.swc 文件 ，Flex 早期 版 本 的 风格 


Ice Ice.css 

Institutional Institutional.css 

Smoke Smoke.css 和 smoke bg.jpg (场景 的 背景 图 片 ) 
Wooden Wooden.css 和 wooden_bg.jpg( 场 景 的 背景 图 片 ) 


要 在 Flex 中 使 用 主题 ， 需 要 为 编译 器 添加 参数 theme， 后 跟 上 主题 文件 。 表 明 主 题 为 用 
户 指定 的 主题 文件 。 下 面 将 页 面 的 主题 更 改 为 Wooden， 即 木质 感 风 格 。 

首先 在 src 文件 夹 下 新 建 一 个 themes 的 文件 夹 ， 将 Flex SDK 主题 文件 夹 中 Wooden.css 
和 wooden_bg.jpg 两 个 文件 拷贝 到 其 中 。 

右 击 导航 面板 中 的 项 目 名 ， 选 择 Properties( 属 性) 项 ， 如 图 13-23 所 示 。 弹 出 设置 项 目 
属性 窗口 ， 选 择 左 栏 中 的 Flex Compiler 选项 ， 设 置 Flex 编译 器 ， 如 图 13-24 所 示 。 
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13-23 ”选择 Properties (属性 ) 项 13-24 设置 项 目 属性 窗 格 


在 Additional compiler arguments 文本 框 中 ， 添 加 -theme themes/Wooden.css 参数 ， 单 击 
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Apply 按钮 应 用 主题 ， 单 击 OK 按钮 完成 修改 。 然 后 在 程序 文件 中 添加 组 件 ， 运 行 后 ， 效 果 如 
图 13-25 所 示 。 


3: 创建 Flex 主题 一 


通过 上 面 的 介绍 ， 已 经 知道 主题 就 是 CSS 文件 
和 其 他 资源 文件 的 组 合 ， 那 么 创建 主题 就 是 创建 这 
些 文件 。CSS 文件 的 创建 在 第 13.3.2 小 节 中 已 经 介 
绍 过 , 主题 CSS 文件 与 一 般 的 CSS 文件 的 不 同 之 处 
在 于 ， 主 题 CSS 文件 更 复杂 。 

下 面 创建 一 个 主题 ， 并 将 该 主题 文件 编译 为 
SWC 文件 ， 然 后 在 Flex 项 目 中 调用 。 具 体 步骤 如 
下 所 示 。 

(1) 在 themes 文件 夹 中 ， 新 建 一 个 名 为 ”图 13-25 使 用 Wooden 主题 创建 的 页 面 效果 
myTheme 的 CSS 文件 ， 在 此 文件 中 定义 样式 ， 主 要 是 所 有 组 件 的 文字 大 小 和 字体 名 ,场景 的 
背景 图 片 以 及 Panel 组 件 的 一 些 样式 。 该 文件 的 内 容 如 代码 13.14 所 示 。 


/* CSS file */ 
global 
{ 


fontsize: 14; 
fontFamily: "宋体 "; 
上 
Application 
backgroundImage: Embed(source="my bg.jpg"); 
} 
Panel 
{ 
titleBackgroundSkin: Embed(source="panel titlebg.jpg"); 
backgroundImage: Embed(source="panel bg.jpg"); 
Color: #FFFFFF; 
} 
@font-face 
{ 
fontFamily: "宋体 "; 
fontWeight: normal; 
fontstyle: normal; 
src: local ("宋体 "); 
} 


(2) 使 用 Adobe Flex 3 SDK 自 带 的 Command Prompt 工具 ， 该 工具 是 以 命令 提示 符 的 形 
式 执行 命令 。 通 过 输入 命令 ， 转 到 项 目的 themes 文件 夹 。 然 后 输入 以 下 命令 : 
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compc -include-filemyTheme.css-include-filemy bg.jpgmy bg.jpg-include-file 
panel bg.jppg -include-filepanel titlebg.jpgpanel titlebg.jpg -omyTheme.swc 


按 回 车 键 ， 执 行 上 述 命令 ， 如 果 成 功 ， 将 输出 生成 文件 的 绝对 路 径 和 大 小 ， 如 图 13-26 
所 示 。 


3 .9_BvEran| 


图 13-26 编译 SWC 文件 成 功 


(3) 将 编译 后 的 myTheme.swe 文件 应 用 到 项 目 中 。 修 改 项 目的 编译 器 参数 ， 如 图 13-24 
所 示 ， 在 参数 后 添加 “-theme themes/myTheme.swc” 参 数 。 

(4) 在 程序 文件 中 , 添加 组 件 , 其 中 要 包括 一 个 Panel 组 件 , 这样 可 以 看 一 下 定义 的 Panel 
组 件 的 效果 。 程 序 文件 的 内 容 如 代码 13.15 所 示 。 


代码 13.15 创建 自 定义 主题 的 程序 文件 


<?xml] version="1.0" encoding="utf-8"?> 
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
<mx:Button x="35" y="19" label="Button"/> 
<mx:PopUpButton x= 


123" y="19" label="PopUpButton"/> 

<mx:Panel x="35" y="49" width="250" height="200" layout="absolute" 
title="Panel"> 

</mx:Panel> 


</mx:Application> 


(5) 保存 后 ， 运 行 该 程序 文件 ， 效 果 如 图 13-27 所 示 。 


图 13-27 创建 自 定义 主题 效果 


13.4 参数 传递 


前 面 提 到 ， 在 Flex 中 ， 每 一 个 组 件 都 是 一 个 类 。 那 么 组 件 的 参数 传递 实际 上 就 是 类 对 象 
的 参数 传递 。 类 对 象 有 属性 、 方 法 以 及 事件 ， 响 应 的 参数 传递 就 分 为 属性 和 方法 的 传递 ， 事 
件 的 传递 。 


13.4.1 属性 的 传递 


可 以 在 自 定义 组 件 中 添加 属性 以 及 get 和 set 存 取 器 方法 ， 实 现 自 定义 属性 。 在 调用 该 组 
件 的 文件 中 ， 通 过 设置 属性 达到 改变 状态 的 效果 。 下 面 通过 一 个 例子 ， 演 示 如 何 使 用 组 件 属 
性 进行 传 值 。 

(1) 首先 在 Components 文件 夹 中 新 建 一 个 MXML Component 文件 ， 命 名 为 SendArg. 
mxml， 该 组 件 扩展 自 TitleWindow 组 件 ， 大 小 默认 。 

(2) 然后 在 新 建 的 组 件 中 添加 Text 组 件 ，text 属性 为 “{MyText} ” 绑 定 到 MyText 变量 ， 
该 变量 将 在 脚本 中 定义 。 该 Text 组 件 用 来 显示 文本 内 容 ， 大 小 为 100% 显 示 。 创建 后 的 效果 如 
图 13-28 所 示 。 


13-28 创建 好 的 自 定义 组 件 效果 


(3) 在 代码 视图 中 ， 添 加 <mx:Script> 标 签 ， 创 建 组 件 中 脚本 。 主 要 是 定义 MyText 属性 ， 
及 该 属性 的 get 和 set 存 取 器 ， 如 代码 13.16 所 示 。 


代码 13.16 ”定义 组 件 属性 和 存 取 器 


(4) 在 主 程序 中 ， 添 加 供用 户 输入 文字 的 TextInput 和 TextArea 组 件 ， 分 别 设置 id 属性 。 
添加 创建 的 自 定义 组 件 ， 设 置 唯一 id 属性 为 SendArg。 再 添加 Text 和 Button 组 件 ， 调 整 组 件 
位 置 和 大 小 。 在 Button 组 件 的 click 属性 中 ， 添 加 changText0 函 数 ， 该 函数 将 在 脚本 中 定义 。 

(5) 再 在 主 程序 文件 中 , 添加 <mx:Scerip 忆 标签 , 创建 组 件 中 脚本 ,主要 是 定义 changText() 
函数 。 该 函数 将 用 户 输入 的 文字 ， 传 递 到 自 定义 组 件 的 属性 中 ， 实 现状 态 改变 。 整 个 主 程序 
文件 的 内 容 如 代码 13.17 所 示 。 


代码 13.17 ”改变 自 定义 组 件 的 属性 


代码 13.17 中 ， 语 句 xmlns:ns1="Components.*"， 声 明 nsl 命名 空间 ， 包 括 Components 
包 中 的 所 有 内 容 。<nsl:SendArg> 标 签 ,就 是 已 创建 的 自 定义 组 件 。 脚本 中 调用 的 自 定义 组 件 ， 
是 通过 该 组 件 在 程序 文件 中 的 id 属性 调用 的 。 

(6) 保存 全 部 文件 ， 在 浏览 器 中 运行 该 程序 ， 输 入 标题 和 内 容 文字 ， 单 击 【 修 改 】 按 钮 
后 ， 可 以 看 到 自 定 义 组 件 内 容 得 到 更 新 ， 如 图 13-29 所 示 。 
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务 衣 限 公司 成 立 于 ”上 乒 


图 13-29 设置 自 定义 组 件 属性 


13.4.2 方法 的 传递 


自 定义 组 件 中 的 方法 ， 其 传递 方式 与 属性 的 传递 类 似 。 程 序 文件 中 调用 自 定义 组 件 中 的 
方法 ， 要 遵循 访问 规则 ， 在 第 4.1.3 小 节 中 有 介绍 。 

下 面 通过 一 个 实例 演示 如 何 进行 方法 传递 。 该 实例 是 一 个 单机 版 的 聊天 室 ， 显 示 内 容 的 
部 分 做 成 用 户 控件 。 在 主 程序 中 输入 信息 内 容 ， 通 过 调用 自 定 义 组 件 的 方法 ， 将 信息 显示 出 
来 。 

(1) 首先 在 Components 文件 夹 中 新 建 一 个 MXML Component 文件 ， 命 名 为 
SendFunction.mxml， 该 组 件 扩展 自 TitleWindow 组 件 ， 大 小 默认 。 

(2) 在 其 中 添加 一 个 List 组 件 ， 用 来 显示 信息 内 容 ， 该 组 件 的 数据 源 为 {arrCol}。arrCol 
为 一 个 ArrayCollection 对 象 ， 用 来 保存 所 有 信息 ， 在 脚本 中 创建 。 

(3) 在 自 定义 组 件 中 添加 <mx:Script> 标 签 ， 创 建 脚本 ， 包 括 创建 ArrayCollection 对 象 和 
addItem() 方 法 。addItem() 方 法 完成 将 传递 的 参数 添加 到 ArrayCollection 对 象 。 组 件 文件 的 内 容 
如 代码 13.18 所 示 。 


代码 13.18 ”单机 版 聊天 室 用 户 控件 : SendFunction.mxml 


<?xml version="1.0" encoding="utf-8"?> 
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
width="400"” height="300" title=" 和 留言 内 容 "> 
<mx:Style> 
-mystyle { 
alternatingItemColors: #cccccc, #ffffff; 
: 
</mzx:Style> 
<mx:Script> 
<! [CDATA[ 


import mx.collections.ArrayCollection; 


-ES 


(4) 在 主 程序 文件 中 添加 自 定义 组 件 ,设置 id 属性 为 mySendFunction。 添 加 Text\ TextInput 
和 Button 组 件 ， 设 置 相关 属性 ， 为 用 户 提供 输入 功能 ， 主 程序 文件 内 容 如 代码 13.19 所 示 。 


代码 13.19 ”单机 版 聊天 室 主 程序 内 容 
(5) 在 主 程序 中 添加 <mx:Scrip 亿 标签 ,创建 脚本 ， 主 要 包括 SendText0 方 法 的 定义 。 该 方 


法 是 页 面 中 按钮 对 象 的 单 击 事件 处 理 函 数 ， 实 现 调用 自 定义 组 件 的 addItem() 方 法 ， 如 代码 
13.20 所 示 。 


代码 13.20” 主 程序 中 调用 自 定义 组 件 方法 
(6) 保存 全 部 文件 ， 在 浏览 器 中 运行 ， 输 入 信息 ， 单 击 【 提 交 】 按 钮 ， 会 看 到 自己 的 信 
息 显示 在 自 定义 组 件 中 ， 如 图 13-30 所 示 。 


13.4.3 ”事件 的 传递 


在 第 12 章 已 学 习 了 事件 相关 知识 , 在 Flex 中 ， 自 定义 组 件 的 事件 传递 较为 复杂 ,特别 是 
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自 定义 组 件 
用 到 自 定义 事件 。 由 于 在 开发 程序 中 ， 仅 仅 依靠 系统 提供 的 事件 处 理 机 制 ， 有 很 多 效果 实现 
起 来 都 非常 困难 。 /GE:1 乍 红 伟 \ 世 入 VElex\ 源 代码 chapl3Atin_dcbhuzvchap-- 甘 ] 回 | 
有 户 可 以 扩展 系统 提供 的 事件 ， 创 建 符合 自 “| 写 轧 - 加: 本 各 四 


己 要 求 的 事件 。 在 Flex 中 ， 创 建 自 定义 事件 类 ， aa 
由 此 类 管理 程序 中 的 事件 ， 这 是 一 种 好 的 编程 习 
惯 。 这 样 做 可 以 降低 程序 的 耦合 度 ， 使 程序 结构 
更 加 清晰 。 
下 面 通过 一 个 简单 的 购物 车 程序 ， 演 示 如 何 


创建 自 定义 事件 类 ， 以 及 如 何 进行 事件 的 传递 。 es dd sa 
该 购物 车 采用 DataGrid 组 件 显示 产品 ，CheckBox 不 客气 


组 件 实现 选择 ，List 组 件 用 来 显示 选中 的 产品 。 
(1) 首先 在 项 目的 src 目录 下 创建 名 为 

bookEvent 文 件 夹 ,该 文件 夹 用 来 存放 事件 处 理 类 。 
(2) 在 bookEvent 文件 夹 中 创建 一 个 名 为 

cartEvent 的 类 文件 , 该 类 继承 自 Event 类 。 在 该 类 图 13-30 单机 版 聊天 室 效果 

中 添加 两 个 属性 : isAdd 和 book, 分 别 代 表 是 否 选 中 产品 和 该 产品 对 应 的 信息 集合 对 象 。 然后 

定义 构造 函数 ， 该 函数 为 两 个 属性 定义 新 值 ， 并 调用 超 类 的 构造 函数 ， 传 递 AddBook 参数 。 

该 文件 的 内 容 如 代码 13.21 所 示 。 


代码 13.21 自 定义 cartEvent 类 : cartEvent.as 


package bookEvent{ 
import flash.events.Event; 
public class cartEvent extends Event{ 
public var isAdd:Boolean; 
public var book:Object; 
function cartEvent( data:Object, isAdd:Boolean) :void{ 
isAdd= isAdd; 
book= data; 
super ("AddBook"); 


} 


(3) 然后 在 Components 文件 夹 中 ， 新 建 一 个 MXML Component 文件 ， 命 名 为 
SendEvent.mxml， 该 组 件 扩展 自 Canvas 组 件 ， 大 小 默认 。 

(4) 在 新 建 的 自 定义 组 件 中 添加 一 个 CheckBox 组 件 ， 设 置 click 属性 为 addCart0 函 数 。 
addCart0 函 数 实例 化 自 定义 事件 类 ， 并 由 主 程序 发 送 该 事件 对 象 到 事件 流 。SendEvent.mxml 
文件 的 内 容 如 代码 13.22 所 示 。 


代码 13.22 ”创建 自 定义 组 件 : SendEvent.mxml 


<?xml version="]1.0" encoding="utf-8"?> 


(5) 在 主 程序 中 添加 一 个 <mx:Model> 标 签 , 并 添加 内 容 , 作为 产品 的 数据 源 , 如 代码 13.23 
所 示 。 


代码 13.23 ”添加 数据 源 


(6) 在 主 程序 中 添加 一 个 DataGrid 组 件 ， 设 置 该 组 件 的 数据 源 为 代码 13.23 中 定义 的 数 
据 源 ， 并 设置 DataGridColumn 模板 ， 如 代码 13.24 所 示 。 


代码 13.24 添加 DataGrid 组 件 


(7) 再 添加 一 个 ArrayCollection 对 象 ， 用 来 保存 选中 的 产品 ,添加 一 个 Text 和 List 组 件 ， 
用 来 显示 选中 的 书籍 信息 ， 如 代码 13.25 所 示 。 


代码 13.25 ”添加 显示 选中 产品 的 相关 组 件 


(8) 添加 <mx:Script> 标 签 ， 在 其 中 定义 一 个 init0 函 数 和 一 个 AddBookHandler0 函 数 ， 如 
代码 13.26 所 示 。 


代码 13.26 ”定义 添加 事件 侦 听 器 和 事件 处 理 的 函数 


initO) 函 数 为 程序 添加 一 个 事件 侦 听 器 ， 该 侦 听 器 侦 听 类 型 为 AddBook 的 事件 ， 当 侦 听 到 
时 ， 由 AddBookHandler0 事 件 处 理 函数 进行 处 理 。 

AddBookHandler0 事 件 处 理 函 数 ， 参 数 为 cartEvent 对 象 ， 判 断 该 对 象 的 isAdd 值 。 如 果 
为 真 ， 将 该 对 象 的 book 成 员 添加 到 ArrayCollection 对 象 中 ， 反 之 ， 从 ArrayCollection 对 象 中 
删除 。 

(9) 在 程序 的 <mx:Application> 标 签 内 设置 creationComplete 事件 处 理 函 数 , 为 initO 函 数 ， 
也 就 是 场景 创建 完成 之 后 执行 init0 函 数 ， 如 代码 13.27 所 示 。 


代码 13.27_ 为 主 程序 添加 初始 函数 


(10) 保存 所 有 文件 ， 在 浏览 器 中 运行 ， 启 用 【购买 】 复 选 框 ， 显 示 出 选中 的 项 ， 效 果 如 
图 13-31 所 示 。 
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元 内容 摘要 | 

数据 是 程序 处 理 的 主要 对 象 。 在 应 用 程序 中 最 核心 的 部 分 也 是 围绕 对 数据 的 处 理 展开 的 。 
本 章 将 介绍 如 何在 Flex 3.0 中 对 数据 进行 处 理 ， 包 括 数据 模型 、 数 据 绑 定 、 数 据 显示 组 件 
DataGrid、 数 据 验 证 和 数据 格式 化 等 内 容 。 


7 学 习 目 标 |oueuv 


掌握 在 MXML 文件 中 定义 数据 模型 的 方法 

掌握 数据 在 Flex 中 的 作用 及 应 用 

掌握 使 用 “{}” 和 “[Bindable]” 的 数据 绑 定 方法 
熟悉 <mx:Binding> 组 件 的 使 用 

掌握 DataGrid 组 件 显示 和 编辑 数据 的 方法 
掌握 如 何 对 Flex 中 的 各 种 数据 进行 验证 

掌握 数据 格式 化 的 使 用 方法 


14.1 数据 模型 


ww 


A 


一 个 数据 模型 就 是 一 个 ActionScript 对 象 ,这 个 对 象 的 属性 用 来 存储 应 用 程序 所 需 的 数据 。 
在 向 服务 器 发 送 数据 之 前 ， 或 者 从 服务 器 接收 数据 但 还 没有 使 用 之 前 ， 数 据 模型 提供 一 个 在 
Flex 应 用 程序 中 存储 数据 的 途径 。Adobe Flex 应 用 程序 与 服务 器 之 间 的 通信 只 发 生 在 Flex 应 
用 程序 需要 检索 的 数据 不 可 用 时 和 使 用 新 数据 更 新 服务 器 端的 数据 源 时 。 

另外 ， 在 Flex 中 使 用 的 数据 模型 除了 可 以 到 服务 器 获取 ， 还 可 以 使 用 MXML 或 
ActionScript 静态 对 象 ， 或 者 从 本 地 XML 文件 中 获取 。 


14.1.1 使 用 <mx:Model> 组 件 


使 用 <mx:Model> 组 件 是 基于 MXML 标记 定义 数据 的 最 通用 方式 ， 这 个 组 件 会 被 编译 为 
ActionScript 对 象 。 当 数据 具有 层次 关系 时 会 被 编译 为 一 系列 树 状 对 象 ， 这 些 编译 后 的 对 象 是 
没有 类 型 信息 的 。 对 象 树 的 叶子 是 可 固定 的 值 。 因 为 模型 定义 在 <mx:Model> 组 件 中 时 不 包含 
类 型 信息 或 业务 逻辑 ， 它 们 只 适用 于 简单 的 需求 。 如 果 要 定义 属性 类 型 或 者 要 添加 业务 逻辑 ， 


则 可 以 在 ActionScript 中 定义 数据 模型 。 

既 可 以 在 MXML 文件 中 使 用 <mx:Model> 组 件 定义 数据 ， 又 可 以 使 用 组 件 的 source 属性 
从 人 额外 的 数据 文件 中 加 载 数据 。 当 使 用 source 属性 时 ， 额 外 的 数据 文件 被 编译 进 SWF 文件 ， 
而 不 是 在 运行 时 加 载 。 

媒 入 在 组 件 或 者 外 部 文件 中 的 数据 模型 声明 ， 必 须 由 单独 的 根 节点 包含 所 有 子 节点 。 用 
户 可 以 使 用 MXML 绑 定 表达 式 ， 例 如 在 模型 中 声明 {CardName.text} 。 这 个 方式 还 可 以 绑 定 
form 字段 的 内 容 到 一 个 结构 化 的 数据 描述 。 

<mx:Model> 组 件 存储 数据 的 语法 如 下 所 示 。 


<mx:Model> 组 件 定义 数据 时 必须 有 根 节点 , 即 <mx:Model> 标 签 下 有 一 节点 能 包括 全 部 的 
其 他 节点 。 

例如 ， 在 下 面 的 例子 中 ， 会 使 用 <mx:model> 定 义 一 个 数据 模型 来 保存 联系 人 的 数据 。 这 
个 数据 模型 使 用 数据 绑 定 来 接收 数据 界面 中 各 种 form 控件 的 数据 。 因此 , 无 论 输 入 怎么 变化 ， 
Name 节点 从 TextInput 组 件 CardName 的 text 属性 中 获得 数据 。 类 似 的 ，modelCard 数据 模型 
中 的 ID 和 E-mail 属性 值 使 用 数据 绑 定 从 CardID 和 CardEmail 文本 域 中 获得 。 

首先 新 建 一 个 名 为 chap14 的 Flex Project， 本 章 中 的 所 有 程序 都 在 chap14 下 进行 。 然 后 ， 
添加 一 个 新 的 MXML Application 命名 为 ModelData.mxml。 

在 ModelData 中 添加 一 个 Panel 组 件 和 Form 表单 ， 向 表单 中 添加 用 户 可 输入 的 联系 人 信 
息 项 ， 这 里 包括 编号 、 姓 名 、 邮 箱 、 职 业 和 网 站 5 项 ， 如 代码 14.1 所 示 。 


代码 14.1 添加 联系 人 Panel 


添加 之 后 ， 再 为 应 用 程序 设置 一 个 背景 色 ， 然 后 返回 到 Design 模式 中 可 看 到 类 似 图 14-1 
所 示 的 效果 ， 显 示 了 Panel 组 件 及 嵌入 的 添加 联系 人 表单 。 

接 下 来 ， 使 用 <mx:Model> 组 件 来 定义 一 个 联系 人 数据 模型 ， 包 括 上 述 需要 输入 的 5 项 ， 
如 代码 14.2 所 示 。 


代码 14.2 ”<mx:Model> 组 件 定义 联系 人 数据 模型 


这 里 为 <mx:Model> 组 件数 据 模型 定义 了 id 属性 为 modelCard， 数 据 被 包含 在 </User> 根 
节点 ， 每 个 子 节点 对 应 一 个 表单 输入 项 。 当 使 用 modelCard 指向 <mx:Model> 数 据 模型 时 ， 会 
跳 过 根 节点 ， 所 以 这 里 要 获取 Site 节点 的 值 ， 可 以 使 用 modelCard.Site。 

添加 如 代码 14.3 所 示 的 ActionScript， 再 保存 并 按 Ctrl+F11 组 合 键 运行 程序 。 在 各 个 
TextInput 组 件 中 依次 输入 联系 人 的 信息 ， 再 单 击 【确定 】 按 钮 ， 结 果 将 弹出 对 话 框 显 示 ， 如 
14-2 所 示 。 


代码 14.3 ”显示 结果 


%14s 
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]]> 
</mx:Script> 
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图 14-1 Panel 组 件 效果 图 14-2 添加 联系 人 效果 


14.1.2 ”使 用 <mx:XML> 组 件 


Flex 3.0 允许 用 户 使 用 XML 定义 数据 模型 ， 因 为 Flex 3.0 在 新 的 ECMAScript for XML 
(E4X) 标准 中 对 XML 的 处 理 能 力 有 了 很 大 提高 。E4X 定义 了 新 的 类 与 功能 集合 ， 使 得 处 理 
XML 更 加 简单 。 


可 以 使 用 <mx:XML> 或 者 ActionScript 创建 基于 XML 的 数据 模型 。 在 ] 
ActionScript 3 中 ，XML 是 一 种 本 地 数据 类 型 。 / 


<mx:XML> 组 件 用 于 在 Flex 应 用 程序 中 定义 XML 数据 。<mx:XML> 组 件 的 定义 语法 与 
<mx:Model> 组 件 定义 语法 相近 ， 都 为 树 型 数据 定义 。 其 定义 语法 如 下 所 示 。 
<mx:XML id="XML 组 件 id" format="e4x"> 
< 根 节点 > 
< 节点 1/> 
< 节点 2/> 


</ 根 节点 > 
</mx:XML> 
format 属性 设置 为 e4x， 可 指定 创建 的 XML 对 象 使 用 E4X 标准 实现 。 为 了 向 后 兼容 ,在 
没有 明确 指定 format 属性 为 e4x 时 ， 对 象 的 类 型 被 设置 为 flash.xmlXMLNode。 
例如 , 代码 14.4 使 用 <mx:XML> 组 件 实现 了 代码 14.2 的 实例 中 <mx:Model> 组 件 定义 的 数 
据 模型 。 


代码 14.4 <mx:XML> 组 件 定义 联系 人 数据 模型 


<mx:XML id="modelCard" format="e4x"> 


14.1.3 ”使 用 <mx:Object> 组 件 


<mx:Object> 组 件 是 一 种 抽象 的 数据 模型 组 件 ， 可 用 于 定义 复杂 数据 。 使 用 <mx:Obiject> 
组 件 存储 数据 的 语法 如 下 所 示 。 


”<mx:Object 属性 名 1=" 属 性 值 ]" 属 性 名 2=" 属 性 值 2”. 属性 名 n=" 属 性 值 n”/> 

<mx:Object> 组 件 使 用 属性 来 存储 数据 。 一 个 <mx:Object> 组 件 可 看 成 一 行 数据 ， 多 个 
<mx:Objeet> 组 件 就 组 成 了 类 似 表格 的 复杂 数据 模型 。 例 如 ， 代 码 14.5 使 用 <mx:Object> 组 件 
定义 联系 人 数据 模型 ， 并 在 <mx:DataGrid> 组 件 中 显示 。 


代码 14.5 ”<mx:Object> 组 件 定义 联系 人 数据 模型 
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将 代码 14.5 添加 到 一 个 MXML Application 文件 中 ， 程 序 的 运行 效果 如 图 14-3 所 示 。 


图 14-3 <mx:Object> 组 件 定义 数据 模型 效果 


14.1.4 使 用 ActionScript 脚本 


作为 可 替代 基于 MXML 模型 的 方式 ，Flex 3.0 还 允许 用 户 在 <mx:Script> 标 记 中 使 用 
ActionScript 脚本 定义 数据 模型 。 下 面 仍然 以 添加 联系 人 信息 为 实例 来 介绍 这 种 方式 ， 不 同 的 
是 在 ActionScript 脚本 中 定义 所 需 的 联系 人 数据 模型 。 


使 用 大 括号 "{}" 语 法 的 数据 绑 定 方式 仅 适用 在 MXML 标记 中 ， 如 14.1.1 节 和 | 

14.1.2 节 的 示例 。 在 14.2 节 会 对 数据 绑 定 进行 详细 介绍 。 

首先 新 建 一 个 名 为 ASDatamxml 的 Flex 程序 ， 为 根 节点 Application 添加 “creation- 

Complete="initApp0"”， 再 添加 <mx:Scerip 尼 标记 。 在 ActionScript 脚本 块 中 使 用 代码 14.6 定义 
联系 人 数据 模型 。 


代码 14.6 ActionScript 定义 联系 人 数据 模型 


<mx:Script> 
<! [CDATA[ 
private var modelCard:Object={ID:"",Name:"",Email:"",Career:"", 
Eee 
I> 
</mx:Script> 


在 initApp0 事 件 处 理 器 中 ， 增 加 UpdateModelData() 方 法 作为 form 元 素 的 change 事件 处 
理 器 ， 如 代码 14.7 所 示 。 


出 


代码 14.7_initApp 事件 处 理 程序 


internal function initRApp() :void 


本 


UpdateModelData() 方 法 实现 前 面 使 用 “和 ”完成 的 功能 ， 即 获取 用 户 的 输入 并 更 新 到 数 
据 模型 中 ， 如 代码 14.8 所 示 。 


代码 14.8 ”UpdateModelData() 方 法 


最 后 添加 Panel 组 件 和 Form 表单 ， 这 与 前 面相 同 ， 这 里 不 再 重复 。 同 时 ， 单 击 【 确 定 】 
按钮 执行 的 AddNewCard( 方 法 也 相同 。 运 行程 序 ，ASData.mxml 执行 效果 如 图 14-4 所 示 。 
区 ex Duilder Dehapla\bin-debup\ASData. htal — 
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图 14-4 使 用 ActionScript 脚本 效果 


14.1.5 ”使 用 类 


使 用 基于 ActioinScript 脚本 ， 或 基于 MXML 的 数据 模型 时 ， 用 户 无 法 自 定义 属性 类 型 。 
要 定义 属性 类 型 ， 必 须 使 用 基于 类 的 数据 模型 。 

当 使 用 带 类 型 的 属性 存储 复杂 数据 结构 ,或 者 想 要 应 用 程序 数据 执行 客户 端 业务 逻辑 时 ， 
使 用 类 作为 数据 模型 是 一 个 非常 好 的 选择 。 当 数据 模型 传递 到 服务 器 端 数据 服务 时 ， 基 于 类 
的 数据 模型 的 类 型 信息 也 会 被 保留 下 来 。 


代码 14.9 所 示 为 联系 人 数据 模型 被 定义 为 CardModel 的 ActionScript 类 。CardModel 包含 
各 种 类 型 的 属性 , 还 有 存储 方法 , 简单 的 自 定义 校 验 方法 ValidateModel0 和 一 个 返回 类 成 员 信 
息 的 方法 GetAll0。 


代码 14.9 ”定义 联系 人 数据 模型 的 CardModel 类 


-最 


创建 一 个 名 为 CardModel.as 的 类 文件 并 添加 代码 14.9。ValidateModel0 方 法 仅 包含 了 最 简 
单 的 业务 逻辑 ， 判 断 是 否 为 空 值 并 保存 到 isValid 变量 中 。GetAll0 方 法 包含 了 描述 联系 人 属性 
的 各 种 信息 ， 最 终 以 字符 串 返 回 。 


GetAll0 方 法 在 使 用 不 同 技术 的 层次 间 传 递 数 据 时 特别 有 用 。 例 如 Flash 
Remoting ( 一 种 数据 传输 机 制 ，Flex Data Service 也 使 用 这 种 机 制 ) 和 JSON， 
它 是 序列 化 与 反 序列 化 对 象 ， 用 于 存 取 不 同 对 象 的 类 型 信息 。 


当 使 用 一 个 基于 类 的 数据 模型 时 ， 可 以 在 ActionScript 脚本 或 者 MXML 中 实例 化 它们 。 
在 下 面 的 例子 中 , 使 用 ActionScript 脚 本 实例 化 数据 模型 ,并 且 设 置 它 的 名 称 为 modelCardData。 
然后 , 在 ActionScript 脚本 中 调用 属性 绑 定 到 Form 组 件 的 数据 模型 上 ， 并且 使 用 Change 事件 
来 检测 Form 组 件 的 值 并 更 新 到 数据 模型 中 。 具 体 步 又 如 下 。 

新 建 一 个 名 为 ClassData.mxml 的 MXML Application 文件 ， 并 按照 前 面 的 步骤 添加 Panel 
组 件 和 Form 输入 表单 ， 其 中 还 包括 initApp0 方 法 的 代码 。 

然后 ， 使 用 ActionScript 脚本 声明 一 个 变量 ， 其 类 型 为 上 面 ActionScript 类 定义 的 
CardModel， 如 代码 14.10 所 示 。 


代码 14.10 ”声明 CardModel 类 型 变量 


initApp() 方 法 监听 change 事件 并 交 由 UpdateModelData(0) 处 理 器 处 理 ，UpdateModelData() 
将 用 户 的 输入 更 新 到 数据 模型 中 ， 其 代码 如 代码 14.11 所 示 。 


代码 14.11 UpdateModelData() 处 理 器 
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modelCardData.ID=CardID.text; 
modelCardData.Name=CardName .text; 
modelCardData.Email=CardEmail.text; 
modelCardData.Career=CardCareer.text; 
modelCardData.Site=CardSite.text7 

} 


在 CardModel 类 中 定义 了 模型 的 校 验 方法 ValidateModel0, 方 法 将 检验 结果 反映 到 isValid 
变量 。 在 MXML 中 对 【确定 】 按 钮 进行 修改 ， 添 加 enabled 属性 。 该 属性 是 一 个 布尔 值 用 于 
表示 是 否 可 用 ， 代 码 14.12 所 示 是 修改 后 的 【确定 】 按 钮 。 


代码 14.12 修改 【确定 】 按 钮 


<mx:Button label=" 确 定 " enabled="{modelCardData.isValid}" click= 
"AddNewCard (event)" /> 


代码 14.12 中 click 单 击 事件 处 理 器 AddNewCard0) 将 结果 直接 弹出 显示 ， 如 代码 14.13 所 
示 。 


代码 14.13 AddNewCard() 


internal function AddNewCard(e:MouseEvent) :void 
{ 

Var msg:String; 

msg=modelCardData.GetAll (); 

Alert .show (msg, "添加 成 功 "); 
} 


如 代码 14.13 所 示 ， 调 用 CardModel 类 的 GetAl10 方 法 将 数据 模型 中 成 员 信 息 返 回 ， 再 显 
示 。 运 行程 序 ， 在 联系 人 表单 中 输入 信息 ， 此 时 【确定 】 按 钮 的 状态 为 不 可 用 ， 直 到 输入 完 
所 有 项 ， 如 图 14-5 所 示 。 最 后 ， 在 输入 完成 后 单 击 该 按钮 查看 结果 ， 如 图 14-6 所 示 。 
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图 14-5 输入 不 完整 时 按钮 不 可 用 图 14-6 输入 完成 后 查看 结果 


14.2 ”数据 绑 定 


数据 绑 定 是 指 用 户 可 以 将 某 个 属性 与 其 他 的 属性 或 变量 相关 联 。 这 样 ， 当 被 绑 定 的 属性 
或 变量 发 生 改 变 时 ， 绑 定 项 同时 发 生 改 变 。 数 据 绑 定 是 Flex 中 一 项 非常 有 用 的 技术 ， 可 以 有 
效 地 减少 程序 代码 、 提 高 运行 效率 。Flex 提供 了 很 多 数据 绑 定 方法 ， 本 节 将 把 组 件 实例 与 各 
种 数据 源 绑 定 ， 也 可 将 数据 绑 定 到 ActionScript 对 象 。 例如 ,可 以 将 数据 绑 定 到 DataGrid 组 件 
或 者 ArrayCollection 集合 中 。 


14.2.1 简单 绑 定 方式 


Flex 3.0 中 绑 定 数据 最 简单 的 方式 是 使 用 大 括号 运算 符 “{}”， 其 语法 如 下 : 


大 括号 中 的 绑 定 表达 式 可 以 被 包含 在 ActionScript 表达 式 中 用 来 发 回 一 个 结果 。 例如， 用 
户 能 够 在 大 括号 运算 符 中 绑 定 如 下 类 型 的 内 容 。 

口 ” 绑 定 一 个 单独 属性 。 

口 使 用 字符 串 连 接 符 ， 其 中 包括 可 绑 定 的 属性 。 

口 对 可 绑 定 属性 的 各 种 运算 。 

口 使 用 条 件 运算 来 判断 一 个 可 绑 定 属性 的 值 。 

另外 , Flex 3.0 还 可 以 通过 使 用 [Bindable] 关 键 字 的 方式 指定 变量 或 属性 为 可 绑 定 ， 其 语法 
如 下 所 示 。 


例如 ， 下 面 代 码 将 configSite 定义 为 可 绑 定 变量 ， 并 赋予 字符 串 值 “www.itzcn.com”。 


Flex 中 系统 组 件 的 大 部 分 属性 都 是 可 绑 定 的 ， 因 为 在 组 件 定义 中 属性 一 般 都 
指明 为 [Bindable]。 对 于 要 绑 定 的 变量 需要 先 声 明 为 [Bindable]。 若 用 户 使 用 
“人 ”操作 符 绑 定 未 声明 为 可 绑 定 的 变量 时 ， 编 译 会 提示 警告 ， 但 运行 正常 。 


下 面 创建 一 个 实例 ， 讲 解 这 两 种 方式 的 使 用 。 例 子 演示 了 一 个 Label 组 件 和 一 个 Box 组 
件 绑 定 获得 Hslider 控件 的 属性 值 。 在 大 括号 中 的 属性 名 是 绑 定 的 源 属性 。 当 源 属性 的 值 发 生 
变化 时 ，Flex 复制 源 属性 的 当前 值 slidervalue 到 目标 属性 ， 即 Box 组 件 的 backgroundColor 
属性 。Label 组 件 的 text 属性 则 使 用 大 括号 绑 定 表达 式 , 在 表达 式 中 有 一 个 使 用 [Bindable] 关 键 
字 声 明 的 可 绑 定 变量 。 步 又 如 下 所 示 。 


(1) 首先 新 建 一 个 名 称 为 SimpleBind.mxml 的 MXML Application 文件 。 
(2) 添加 一 个 Panel 组 件 ， 设 置 title 属性 为 “数据 的 简单 绑 定 ” horizontalAlign 属性 为 


center, 并 调整 其 宽度 和 高 度 。 
(3) 在 Panel 内 添加 一 个 VBox 组 件 ， 再 到 VBox 组 件 内 依次 添加 两 个 Label 组 件 、 一 个 


HSlider 组 件 和 一 个 Box 组 件 。 
(4) 对 添加 的 组 件 进行 设置 ， 并 在 属性 中 添加 绑 定 。 代 码 14.14 所 示 为 完成 后 Panel 组 件 


的 代码 。 
代码 14.14 “添加 绑 定 后 Panel 组 件 的 代码 


代码 14.14 将 Box 组 件 的 backgroundColor 属性 绑 定 到 HSlider 组 件 的 value 属性 , 运行 的 
效果 是 在 Box 组 件 中 实时 显示 HSlider 组 件 的 拖 动 值 。dataTipFormatFunction 属性 指定 了 
HSlider 组 件 拖 动 显示 的 提示 信息 格式 。 

(5) 在 代码 14.14 最 下 方 Label 组 件 的 text 属性 中 ， 绑 定 的 值 使 用 字符 串 连 接 符 "+" 将 
strColor 变量 的 内 容 显 示 出 来 。strColor 变量 是 在 ActionScript 脚本 中 声明 的 一 个 可 绑 定 变量 ， 
在 文件 中 添加 代码 14.15 实现 绑 定 代码 。 


代码 14.15 “实现 绑 定 ActionScript 脚本 


第 4 篇 Flex 数据 交互 篇 


(6) 运行 程序 ， 图 14-7 所 示 为 初始 化 时 的 效果 。Box 组 件 和 Label 组 件 都 绑 定 到 HSlider 
组 件 ，Box 组 件 显示 HSlider 组 件 对 应 颜色 ，Label 组 件 显示 HSlider 组 件 对 应 的 颜色 值 。 

拖 动 HSlider 组 件 中 的 滑 块 改变 其 位 置 ,此 时 在 Box 组 件 和 Label 组 件 中 会 实时 显示 相对 
应 的 颜色 和 颜色 值 ， 如 图 14-8 所 示 。 


扰动 府 才 有 改变 颜色 拉 动 沿 志 和 2 可 本 包 


当前 值 :#000000 当前 从 ;#EF1825 


图 14-7 初始 化 时 图 14-8” 拖 动 时 


本 程序 中 使 用 “{}” 绑 定 方式 ， 从 而 有 效 地 减少 了 代码 。 若 不 使 用 绑 定 方式 ， 本 程序 必 
须 使 用 事件 处 理 : 在 <mx:HSlider> 组 件 的 拖 动 值 发 生 改变 时 ， 修 改 <mx:Text> 组 件 的 text 值 。 
另外 需要 注意 的 是 ， 绑 定时 类 型 要 一 致 。text 属性 的 值 为 字符 串 类 型 ， 除 了 字符 串 类 型 外 ， 不 
能 绑 定 别 的 数据 类 型 。[Bindable] 指 定 变量 为 绑 定 ， 这 样 当 拖 动 值 发 生 改 变 时 ， 能 够 及 时 响应 
到 字符 串 中 。 

使 用 大 括号 运算 符 “{}” 是 绑 定 中 最 简单 ， 也 是 最 直观 、 使 用 最 多 的 方式 。 下 面 ， 通 过 
一 个 实例 来 了 解 一 下 该 运算 符 的 其 他 绑 定 方式 。 创 建 一 个 新 的 MXML Application 文件 ， 命 名 
为 baseBind.mxml， 并 添加 如 代码 14.16 所 示 的 代码 。 


代码 14.16 使用“{}” 绑 定 方式 


<mx:Model id="myModel"> 
<myModel> 
<!-- 直 接 绑 定 方式 ， 单 个 值 --> 
<Pname>{nameInput .text}</Pname> 
<!-- 绑 定 时 使 用 字符 串 --> 
<Pdesc>New~ {nameInput.text}</Pdesc> 
<!-- 绑 定时 执行 计算 --> 
<Pprice>{ (Number (numberInput .text) as Number) * 0.8}</Pprice> 
<!-- 绑 定 时 使 用 表达 式 --> 
<Pmore>{ (isShow.selected) 3" 发 布 到 首页 ” : "发 布 到 仓库 " } {nameInput. 
text}</Pmore> 
</myModel> 
</mx:Model> 


<mx:Panel paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop= 


1 4。 


Flex 中 的 数据 处 理 
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width="100%$"” height="100%" title=" 简 单 绑 定 方式 "> 


<mx 


:Form> 
<mx:FormItem label=" 产 品名 称 : "> 
<mx:TextInput id="nameInput" width="275"/> 
</mx:FormItem> 
<mx:FormItem label=" 高 级 选项 : "> 
<mx:RadioButton id="isShowl"” label=" 不 显示 (默认 )" groupName="home" 
selected="true" /> 
<mx:RadioButton id="isShow"” label=" 首 页 显示 " groupName="home" /> 
</mx:FormItem> 
<mx:FormItem label=" 产 品 价格 : "> 
<mx:TextInput id="numberInput" text= 


”width="275"/> 
</mx:FormItem> 


</mx:Form> 


<mx 
<mx 
<mx 


<mx 


:Label text="{"' 产品 名 称 : '+myModel .Pname}"/> 


:Label tex {' 产 品 描述 : '+myModel.Pdesc}"/> 
:Label text: "折扣 价格 : '+numberInput.text+'*0.8="'+myModel .Pprice}"/> 
:Label text="{' 详 细 信息 : '+myModel.Pmore}"/> 


</mx:Panel> 


代码 14.16 比较 简单 ， 使 用 了 前 面 介绍 过 的 <mx:Model> 组 件 作 为 数据 模型 ， 在 数据 模型 
中 进行 各 种 绑 定 。 运 行程 序 ， 输 入 一 些 内 容 ， 查 看 绑 定 效果 如 图 14-9 所 示 。 


(ED: Wy DocuaentsYFler Duilder 3\chapl4\bin-debug\baseDind. htal.. 


- BD Wy bocments\rles atider ehayl4\bin-deyae\ bysedind hu 


三 起 Du Demotsiner ul - -6 和 IAD ” 


产品 名 称 ;| 富 坚 娃 尼 小 妇 经 由 毛 城 寺 具 
二 顶 不 旺 去 供认 ) 

加 首页 
产品 价格 ;570 


产品 名 称 : 宣 炸 维尼 十 能 生生 所 直 玩具 

产品 抽 述 : New~ 寄 妊 维尼 小 能 二 凡生 大 于 且 
折扣 价 稳 : 670* 0.8 = 536 

详细 信息 ; 发 和 到 | 首页 坦 星 推 尼 小 能 经 则 毛 城 玩 上 


14.2.2 ”使 用 <mx:Binding> 组 件 


<mx:Binding> 组 件 也 可 实现 数据 绑 定 ， 其 语法 如 下 所 示 。 


<mx:Binding source=" 绑 定 源 "destination=" 绑 定 目标 "/> 


@ 


其 中 ，source 属性 指明 被 绑 定 的 源 ，destination 属性 指明 绑 定 的 目标 。 需 要 注意 的 是 两 者 
指向 的 类 型 必须 相同 。 例 如 ，source 属性 为 <mx:Text> 组 件 的 text 属性 ，destination 属性 为 
<mx:HSlider> 组 件 的 value 属性 ， 两 者 都 为 字符 串 属性 。 

使 用 和 "方式 的 绑 定 同样 可 以 使 用 <mx:Binding> 组 件 来 完成 。 下 面 介 绍 使 用 <mx:Binding> 
组 件 实现 上 节 图 14-9 所 示 的 效果 ， 步 又 如 下 。 

首先 ， 新 建 一 个 名 为 mx:Binding.mxml 的 MXML Application 文件 。 在 文件 中 添加 
<mx:Model> 数 据 模型 ， 它 与 代码 14.16 中 相同 。 

要 使 用 <mx:Binding> 组 件 进行 绑 定 必须 指定 source 和 destioination 属性 。 这 就 要 求 对 Panel 
组 件 中 显示 结果 的 Label 组 件 进行 修改 ， 代 码 14.17 所 示 为 修改 后 代码 。 


代码 14.17 修改 Panel 组 件 


接 下 来 ， 添 加 <mx:Binding> 组 件 实现 从 <mx:Model> 数 据 模型 中 将 值 绑 定 到 相应 Label 组 
件 ， 如 代码 14.18 所 示 。 


代码 14.18 使 用 <mx:Binding> 组 件 进行 绑 定 


%14s 
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现在 ， 保 存 对 mx:Binding.mxml 文件 的 修改 并 运行 ， 输 入 一 些 内 容 查看 效果 与 图 14-9 
相同 。 


14.2.3 使 用 ActionScript 脚本 


经 过 前 两 节 的 学 习 ， 了 解 了 数据 绑 定 的 一 般 用 法 。 在 实际 开发 中 ， 经 常会 遇 到 比 这 些 应 (05) 
用 更 复杂 的 情况 。 本 节 继 续 讲 解数 据 绑 定 的 用 法 。 

除了 在 MXML 中 使 用 大 括号 和 <mx:Binding> 组 件 来 定义 数据 绑 定 外 ，Flex 还 允许 用 户 在 
ActionScript 脚本 中 定义 数据 绑 定 。 像 前 面 介绍 的 [Bindable] 关 键 字 ， 就 是 ActionScript 脚本 绑 
定数 据 的 最 简单 方式 。 下 面 介绍 另 一 种 方式 ， 通 过 使 用 BindingUtils 类 来 实现 。 

该 类 位 于 mx.binding.utils 包 中 ， 包 含 两 个 用 于 处 理 动态 数据 绑 定 的 静态 方法 。 

口 bindProperty0 

用 来 进行 属性 级 别 的 绑 定 ， 方 法 有 5 个 参数 ， 依 次 为 : site 参数 ， 表 示 目 标 对 象 ，prop 参 
数 ， 表 示 目 标 对 象 的 公有 属性 名 ， 当 值 发 生变 化 时 ， 执 行 绑 定 事 件 ，host 参数 ， 指 定数 据 源 
对 象 ; chain 参数 , 表示 数据 源 对 象 被 绑 定 的 属性 名 , 或 者 通过 getter 定义 的 函数 名 ; commitOnly 
参数 ， 默 认 值 为 false， 表 示 只 要 发 生 值 的 改变 就 会 触发 绑 定 ， 如 果 为 tue， 表 示 对 对 象 有 写 
操作 时 仍然 会 执行 绑 定 事件 ， 但 不 会 触发 绑 定 行为 ， 只 有 确认 了 改变 的 数据 ， 并 执行 事件 
valueCommit 后 ， 绑 定 行为 才 开 始 执行 。 

口 bindSetter(0 方 法 

这 个 方法 仅 用 于 setter 和 getter 函数 的 绑 定 ， 有 4 个 参数 ，setter 参数 表示 一 个 函数 名 ,用 
来 改变 数据 源 对 象 的 值 ; host 参数 是 一 个 数据 源 对 象 ; chain 参数 和 commitOnly 参数 的 含义 与 
bindProperty() 方 法 中 相同 。 

这 两 个 方法 中 的 commitOnly 参数 主要 针对 那些 被 频繁 修改 的 变量 ， 例 如 输入 文本 ， 只 有 
当 文本 确认 后 ， 才 触发 事件 ， 其 他 情况 下 很 少 使 用 。 

下 面 仍 以 14.2.1 节 代码 14.16 所 实现 的 功能 为 例 ， 将 其 使 用 BindingUtils 类 实现 。 先 新 
建 一 个 新 的 MXML Application 文件 ， 再 添加 代码 14.17 中 的 Panel 组 件 及 <mx:Model> 数 据 
模型 。 

接 下 来 对 MXML 的 Application 标签 进行 修改 ， 添 加 “creationComplete="initApp()"”， 使 
应 用 程序 在 载 入 完成 后 执行 initApp0 函 数 。initApp0 〇 是 一 个 ActionScript 函数 ， 它 使 用 
BindingUtils 类 的 bindProperty0 方 法 实现 绑 定 ， 但 在 使 用 之 前 需要 先 引 用 “mx.binding. 
utils.BindingUtils” 类 。 这 段 代码 如 14.19 所 示 。 


代码 14.19 ”使 用 BindingUtils 类 绑 定 


<mx:Script> 
<! [CDATA[ 
import mx.binding.utils.BindingUtils; 


private function initApp() :void 


保存 文件 并 执行 程序 ， 在 浏览 器 输入 一 些 内 容 查看 效果 ， 观 察 与 前 面 两 种 实现 方法 的 不 
同 之 处 。 


14.3 ”DataGird 组 件 


DataGrid 组 件 的 作用 与 HTML 页 面 中 的 表格 类 似 , 可 以 将 数据 以 行 、 列 的 格式 显示 出 来 。 
DataGrid 是 Flex 中 较为 复杂 的 一 个 组 件 ， 它 具有 很 多 强大 的 功能 ， 主 要 包括 : 每 一 列 的 宽度 
不 固定 ， 用 户 可 以 在 运行 时 调整 宽度 ;用户 可 以 在 运行 时 调整 列 的 顺序 ， 单 击 列 标题 对 列 中 
的 数据 进行 排序 ， 可 以 自 定义 每 列 的 标题 ， 还 允许 用 户 自 定义 每 个 单元 格 中 的 显示 内 容 和 模 
板 等 。 


14.3.1 显示 数据 


显示 数据 列表 是 DataGrid 组 件 最 基本 的 应 用 ， 只 有 把 数据 显示 出 来 ， 才 可 以 实现 其 他 的 
功能 。 下 面 通 过 实例 来 演示 DataGrid 在 显示 数据 上 的 便利 。 

在 使 用 DataGrid 组 件 之 前 , 首先 新 建 一 个 MXML Application 文件 并 在 其 中 定义 要 显示 的 
数据 。14.1 节 介绍 了 各 种 数据 模型 的 定义 ， 这 里 使 用 <mx:XML> 组 件 显示 数据 的 来 源 。 添 加 
代码 14.20 的 内 容 到 页 面 上 。 


代码 14.20 ”定义 数据 


代码 14.20 定义 了 一 个 xmlModel 数据 模型 ， 其 中 以 XML 格式 保存 了 3 条 数据 。 接 下 来 ， 
从 Components 窗 格 中 添加 一 个 DataGrid 组 件 到 页 面 , 默认 会 包括 3 列 , 这 里 要 根据 xmlModel 
中 的 数据 进行 修改 。 在 DataGrid 组 件 中 的 columns 标签 内 包括 了 所 有 列 ， 每 一 列 对 应 一 个 
DataGridColumn 标签 。 

DataGridColumn 标签 有 两 个 与 数据 显示 相关 的 重要 属性 。HeaderText 属性 定义 列 的 标题 
名 称 , dataField 属性 定义 数据 源 中 每 条 数据 包含 的 属性 名 。 要 从 数据 模型 中 显示 数据 , dataField 
属性 是 必须 的 ， 否 则 数据 无 法 显示 。 

现在 根据 xmlModel 数据 模型 的 定义 ， 对 默认 的 DataGird 组 件 进行 修改 ,代码 14.21 所 示 
为 修改 后 的 布局 。 


代码 14.21 添加 DataGrid 组 件 


在 代码 14.21 中 ，dataProvider 属性 用 于 指定 DataGrid 组 件 中 使 用 的 数据 来 源 ， 这 里 使 用 
“{xmlModelLUser} ”表示 绑 定 到 xmlModel 数据 类 型 中 的 User 节点 。 往 下 的 dataField 属性 值 
和 xmlModel 中 User 节点 的 子 节点 相同 。 也 就 是 说 ， 这 些 列 显示 的 数据 来 自 User 子 节点 的 
定义 。 

保存 文件 并 执行 程序 , 运行 效果 如 图 14-10 所 示 。 在 columns 标签 中 定义 的 每 一 列 都 以 指 
定 的 headerText 和 dataField 显示 出 来 了 。 


音 只 ”中 E mW en 


图 14-10 DataGrid 组 件 显示 数据 


14.3.2 ”获取 行 数据 


通过 上 节 的 简单 操作 ， 不 用 编写 任何 代码 即 可 实现 在 DataGrid 组 件 上 显示 数据 ， 可 见 
DataGrid 组 件 显示 数据 的 方法 非常 简单 。 另 外 ， 此 程序 运行 后 ， 还 可 以 调整 列 的 顺序 、 列 的 
宽度 ， 如 果 单 击 列 的 标题 ， 还 可 以 对 该 列 进行 排序 ， 这 些 操作 都 由 DataGrid 组 件 自动 完成 。 


通过 为 DataGridColumn 标签 指定 width 属性 可 以 自 定义 列 在 运行 后 的 默认 帘 
度 。visible 属性 可 指定 列 在 运行 时 是 否 可 见 。 


DataGrid 组 件 有 一 个 selectedItem 属性 ， 该 属性 返回 代表 当前 选中 行 的 数据 ， 经 常 在 数据 
绑 定 中 使 用 。 当 它 的 值 发 生变 化 时 ， 也 就 是 用 户 单 击 选 中 某 行 时 ， 使 用 该 属性 的 任何 组 件 也 
会 自动 更 新 。 

例如 ， 在 上 面 代码 14.21 的 DataGrid 组 件 下 添加 代码 14.22 来 实时 跟踪 显示 DataGrid 组 
件 中 选中 行 的 信息 。 每 当选 中 行 发 生变 化 时 ， 标 签 的 文字 都 会 相应 改变 ， 如 图 14-11 所 示 。 


代码 14.22 显示 选中 行 数 据 


图 14-11 查看 选中 行 数据 


在 添加 如 代码 14.22 所 示 的 代码 后 ， 执 行程 序 之 前 还 需要 先 为 DataGrid 组 件 添 加 一 个 id 
属性 。 根 据 所 示 得 知 ，id 的 值 为 dgUser。 


14.3.3” 自 定义 列 


在 使 用 DataGrid 组 件 时 大 量 的 数据 以 行 和 列 的 形式 显示 出 来 。 在 这 些 数据 中 ， 可 能 有 很 
多 不 同 的 类 型 ， 这 就 需要 在 显示 时 加 以 区 分 。 例 如 ， 对 于 日 期 类 型 数据 可 以 在 显示 时 添加 分 
隔 符 "-" 等 

下 面 以 上 节 的 例子 为 基础 ， 通 过 修改 少量 的 代码 在 DataGrid 组 件 中 为 “网 站 ” 列 的 数据 
自 定义 一 种 显示 格式 ， 即 添加 前 级 字符 囊 “http:/”， 步 又 如 下 。 

首先 打开 上 节 保存 的 实例 文件 。 找 到 DataGrid 组 件 的 代码 为 “网 站 ” 列 添加 一 个 
labelFunetion 属性 。 该 属性 可 以 指定 处 理 列 数据 格式 的 函数 名 称 。 代 码 14.23 所 示 为 修改 后 
的 列 。 


代码 14.23 ”为 “网 站 ” 列 添加 labelFunction 属性 
如 代码 14.23 所 示 ，SiteFormat 为 ActionScript 函数 。 在 文件 中 添加 <mx:Scrip 人 > 再 编写 实 
现代 码 ， 如 14.24 所 示 。 


代码 14.24 SiteFormat() 函 数 


SiteFormat() 函 数 接受 两 个 参数 ， 调 用 的 第 1 个 参数 是 sItem， 它 的 类 型 必须 是 Object， 表 
示 一 行 数据 ; 第 2 个 参数 是 想 要 进行 格式 化 的 列 的 名 称 ， 在 这 个 例子 中 为 Site， 它 的 类 型 必须 
是 DataGridCoumn。 最 后 ， 函 数 的 返回 值 必须 为 String。 

运行 应 用 程序 ， 在 DataGrid 组 件 中 的 “网 站 ” 列 都 多 出 了 “http:/” 如 图 14-12 所 示 。 
由 DataGrid 组 件 下 方 的 结果 可 以 看 出 ， 实 际 存储 的 数据 并 未 包含 “http:/”。 也 就 说 明 ， 这 是 
由 DataGrid 组 件 为 指定 列 添加 的 ， 并 未 对 原始 数据 进行 修改 。 

接 下 来 学 习 如 何 对 显示 日 期 的 列 进行 格式 化 。 如 图 14-12 所 示 , DataGrid 组 件 中 未 包含 任 
何 日 期 列 ， 也 没有 适合 作为 日 期 显示 的 列 。 因 此 ， 首 先 需 要 在 DataGrid 组 件 中 增加 一 个 日 期 
列 ， 如 代码 14.25 所 示 。 
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14-12 格式 化 “网 站 ” 列 的 效果 


代码 14.25 ”添加 日 期 列 
<mx:DataGridColumn headerText=" 更 新 日 期 " labelFunction="eFormat"/> 


从 代码 14.25 中 可 以 看 出 ， 在 定义 列 时 同时 指定 了 labelFunction 属性 。 该 属性 并 不 陌生 ， 
在 格式 化 “网 站 ” 列 时 使 用 过 。 

现在 ,在 ActionScript 中 添加 eFormat0 函 数 ， 实 现 对 “更 新 日 期 ” 列 的 格式 化 。 这 里 要 注 
意 一 点 : 虽然 在 代码 14.25 中 没有 指定 dataField 属性 , 但 是 labelFunction 属性 指定 的 eFormat() 
函数 仍然 必须 具有 两 个 参数 。 代 码 14.26 所 示 为 最 终 eFormat() 函 数 的 代码 。 


代码 14.26 eFormat() 函 数 


private function eFormat (obj :Object,eTime:DataGridCcolumn) :String 
{ 
Var myDateFormatter:DateFormatter=new DateFormatter(); 
myDateFormatter.formatstring="YYYY 年 M 月 D 日 "; 
return myDateFormatter.format ('12/25/2008'); 
} 


这 里 使 用 DateFormatter 类 来 指定 日 期 格式 ， 并 完成 格式 化 操作 。 在 学 习 完 本 章 之 后 ， 读 
者 也 可 以 使 用 日 期 格式 化 组 件 来 实现 同样 的 功能 。 图 14-13 所 示 为 运行 效果 。 


图 14-13 格式 化 “更 新 日 期 ” 列 效 果 
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14.3.4 ”编辑 数据 


DataGrid 组 件 除了 在 数据 显示 上 为 用 户 提供 了 简单 的 操作 外 ， 还 可 以 对 显示 的 数据 进行 
编辑 。 也 就 是 说 ,允许 用 户 在 行 中 编辑 已 有 的 数据 或 者 输入 新 的 数据 。 下 面 将 演示 如 何 让 “ 邮 
箱 ” 列 变 得 可 以 编辑 。 411) 

(1) 首先 ， 在 MXML Application 文件 中 为 DataGrid 组 件 添加 editable 属性 ， 该 属性 是 1 
个 布尔 值 用 于 控制 是 否 启 用 数据 的 可 编辑 性 ， 设 置 为 true。 

(2) 现在 运行 程序 ， 单 击 列 中 的 单元 格 ， 可 以 看 到 ， 在 DataGrid 组 件 中 可 以 更 改 任意 列 
的 数据 ， 如 图 14-14 所 示 。 这 里 只 需要 对 “邮箱 ” 列 可 编辑 ， 因 此 必须 对 DataGrid 组 件 的 代 
码 进行 修改 ， 如 代码 14.27 所 示 。 


代码 14.27 设置 “邮箱 ” 列 为 可 编辑 列 


<mx:DataGrid width="100%" dataProvider="{xmlModel .User}" id="dgUser" 
editable="true"> 


<mx:columns> 

<mx:DataGridColumn headerText=" 编 号 " dataField="ID" width="60" editable= 
"false"/> 
<mx:DataGridColumn headerText=" 姓 名 " dataField="Name" editable="false"/> 
<mx:DataGridColumn headerText=" 邮 箱 " dataField="Email" editable="true"/> 
<mx:DataGridColumn headerText=" 职 业 " dataField="Career" editable= 
"false"/> 
<mx:DataGridColumn headerText=" 网 站 " dataField="Site" labelFunction= 
"SiteFormat" editable="false"/> 
<mx:DataGridColumn headerText=" 更 新 日 期 " labelFunction="eFormat"editable= 
"false"/> 

</mx:columns> 

</mx:DataGrid> 


(3) 再 次 运行 程序 ， 在 DataGrid 组 件 中 其 他 列 的 单元 格 内 单 击 ， 发 现 不 能 编辑 ， 而 仅 能 
对 “邮箱 ” 列 的 数据 进行 编辑 ， 效 果 如 图 14-15 所 示 。 


Wy 3。 es 
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图 14-14 editable 属性 为 true 效果 图 14-15 编辑 “邮箱 ” 列 效果 
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(4) 接 下 来 换个 思路 , 使 用 DataGrid 组 件 可 编辑 数据 特性 ,实现 更 强 的 功能 。 更 改 一 下 Data- 
Grid 组 件 的 结构 ， 添 加 一 个 “备注 ” 列 允 许 用 户 输入 对 该 行 数据 的 描述 信息 ， 如 代码 14.28 所 示 。 


代码 14.28 添加 “备注 ” 列 
<mx:DataGridColumn headerText=" 备 注 " dataField="MoreInfo" editable="true" /> 


(5) 运行 程序 测试 一 下 代码 。 运 行 后 ， 产 生 了 一 个 新 列 ， 单 击 该 列 的 单元 格 用 户 可 以 输 
入 任何 的 信息 。 

现在 ， 假 设 为 了 允许 用 户 输入 备注 信息 ， 需 要 把 TextArea 组 件 放 在 单元 格 中 。 要 实现 这 
个 功能 有 两 种 方法 : 使 用 itemEditor 属性 或 者 itemRenderer 属性 。 这 两 个 属性 都 允许 将 控件 苦 
入 到 单元 格 中 ， 不 过 两 者 的 功能 有 些 区 别 ， 但 无 论 使 用 哪个 属性 ， 前 提 是 单元 格 必须 可 编辑 。 
下 面 分 别 介绍 这 两 种 方法 ， 具 体 步 又 如 下 。 

首先 为 新 增 的 “备注 ” 列 添加 itemEditor 属性 值 为 TextArea 组 件 ， 如 代码 14.29 所 示 。 


代码 14.29 使 用 itemEditor 属性 


<mx:DataGridColumn headerText=" 备 注 " dataField="MoreInfo" editable="true" 
itemEditor="mx.controls.TextArea"/> 


在 代码 14.29 中 不 仅 指 明了 要 把 TextArea 组 件 嵌入 单元 格 ， 而 且 定 义 了 包含 它 的 包 。 这 
样 ， 将 导入 操作 和 组 件 合 并 到 一 个 简单 的 MXML 表达 式 中 。 

运行 程序 ，itemEditor 属性 在 页 面 加 载 后 的 效果 与 普通 的 相同 。 但 在 单 击 “ 备 注 ” 列 的 单 
元 格 后 ， 会 看 到 TextArea 组 件 ， 并 允许 输入 内 容 ， 如 图 14-16 所 示 。 

接 下 使 用 itemRenderer 属性 ， 将 “备注 ” 列 修改 为 代码 14.30 所 示 的 内 容 。 


代码 14.30 ”使 用 itemRenderer 属性 


<mx:DataGridColumn headerText=" 备 注 " dataField="MoreInfo" editable="true" 
itemRenderer="mx.controls.TextArea"/> 


此 时 运行 程序 ， 应 该 可 以 看 到 结果 与 itemEditor 属性 明显 不 同 。 每 一 行 的 “备注 ” 列 都 被 
打开 了 并 以 TextArea 组 件 形式 呈现 ， 以 方便 用 户 的 输入 ， 如 图 14-17 所 示 。 


职业 站 更 新 日 期 备注 
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图 14-16 itemEditor 属性 效果 图 14-17 itemRenderer 属性 效果 


上 面 介 绍 的 方法 ， 一 次 只 能 在 单元 格 中 嵌入 一 个 组 件 。 通 过 下 面 介绍 的 方法 ， 可 以 在 单 
元 格 中 能 入 一 个 自 定 义 的 复合 组 件 。 步 又 如 下 所 示 。 

(1) 选择 File | New | MXML Component 命令 ， 打 开 New MXML Component 对 话 框 。 

(2) 在 Filename 文本 框 中 输入 MoreInfoForm， 从 Based on 下 拉 列 表 框 中 选择 Form 项 ， 
如 图 14-18 所 示 。 


图 14-18 New MXML Component 对 话 框 


在 第 13 章 中 ， 已 经 学 习 过 如 何 自 定 义 组 件 ， 了 解 到 每 个 自 定 义 组 件 必 须 以 一 
个 容器 为 基础 进行 扩展 ， 但 是 该 容器 不 可 以 是 Application， 在 本 例 中 选择 了 
Form 组 件 。 


(3) 单 击 Finish 按钮 ， 再 切换 到 Source 视图 下 ， 依 次 添加 两 个 TextInput 组 件 分 别 用 于 输 
入 “地 点 ”和 “爱好 ”项 。 代 码 14.31 所 示 为 最 终 编辑 后 的 组 件 代码 。 


代码 14.31 自 定 义 MorelnfoForm 组 件 代 码 


(4) 转换 到 Design 视图 ， 使 用 尺寸 调整 句柄 ， 对 MoreInfoForm 组 件 中 的 空白 空间 进行 调 
整 ， 调 整 至 合适 大 小 后 保存 组 件 。 

(5) 返回 到 应 用 程序 的 文件 。 为 了 让 DataGrid 组 件 中 的 每 一 行内 容 自 动 调整 其 高 度 ， 需 
要 添加 一 个 名 为 variableRowHeight 的 属性 ， 设 置 值 为 true。 


(6) 接 下 来 的 工作 就 是 ， 让 MoreInfoForm 组 件 在 DataGrid 组 件 中 进行 显示 。 方 法 是 ， 更 
改 之 前 创建 的 包含 有 TextArea 组 件 的 “备注 ” 列 , 设置 其 itemRenderer 属性 为 MoreInfoForm 。 
(7) 保存 并 运行 程序 ， 效 果 如 图 14-19 所 示 。 
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图 14-19 使 用 自 定义 组 件 效果 


可 以 看 到 ， 带 有 多 个 组 件 的 自 定义 组 件 在 DataGrid 组 件 的 单元 格 中 同样 可 以 使 用 。 通 过 
使 用 这 个 强大 的 功能 ， 可 以 建立 各 种 复杂 的 情形 和 编程 状况 。 一 种 最 常用 的 做 法 是 ， 创 建 一 
个 带 Image 组 件 的 自 定义 组 件 ， 其 中 Image 组 件 绑 定 到 XML 文件 中 图 像 的 URL 里 ， 然 后 再 
把 自 定义 组 件 嵌 入 到 DataGrid 组 件 的 单元 格 内 来 显示 。 


14.4 数据 验证 


在 实际 的 Web 应 用 程序 中 ， 可 能 需要 用 户 提交 各 式 各 样 的 信息 ， 这 样 就 需要 进行 大 量 的 
数据 验证 。 数 据 验证 是 指 应 用 程序 中 对 输入 的 数据 进行 某 种 方式 的 校 验 。 例 如 ， 电 话 号 码 必 
须 为 数字 ，E-mail 地 址 有 特定 的 规则 等 。 本 节 将 详细 介绍 Flex 3.0 数据 验证 的 基本 方法 和 自 定 
义 方法 。 


14.4.1 数据 验证 组 件 概 述 


在 将 用 户 提交 的 大 量 信息 保存 到 数据 库 之 前 ， 要 对 这 些 用 户 所 输入 的 信息 进行 数据 的 合 
法 性 校 验 ， 以 便 后 面 的 程序 可 以 安全 顺利 地 执行 。 但 是 如 果 都 需要 通过 编写 程序 代码 来 进行 
验证 的 话 ， 将 会 大 大 增加 开发 人 员 的 工作 量 ， 并 且 使 程序 文件 变 得 非常 大 ， 进 而 影响 页 面 的 
响应 速度 。 

在 Flex 3.0 中 对 一 些 常用 的 数据 验证 功能 进行 了 封装 , 提供 了 一 组 数据 验证 组 件 。 数据 验 
证 组 件 是 专门 针对 数据 验证 的 特殊 组 件 ， 包 含 一 定 规则 的 验证 及 出 错 提示 。 使 用 数据 验证 组 
件 使 得 对 数据 验证 更 加 方便 ， 摆 脱 了 复杂 的 验证 逻辑 ， 有 利于 应 用 程序 的 开发 。 
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Flex 3.0 中 提供 了 一 些 常 用 的 组 件 进行 数据 验证 ， 这 些 组 件 能 满足 用 户 的 基本 要 求 。 若 用 
户 想 自 定义 所 需 的 数据 验证 ， 可 继承 类 型 相近 的 验证 组 件 ， 从 而 创建 自 定义 的 数据 验证 组 件 。 
Flex 3.0 提供 的 数据 验证 组 件 ， 包 括 CreditCardValidator、 CurrencyValidator、DateVallidator 等 。 
这 些 组 件 可 以 有 效 地 完成 验证 任务 ， 出 错 提示 也 很 丰富 。 

Flex 3.0 提供 的 基本 数据 验证 组 件 如 表 14-1 所 示 。 


表 14-1 基本 数据 验证 组 件 9 
组 件 名 说 明 
CreditCardValidator 信用 卡号 码 验证 
CurrencyValidator 货币 验证 
DateValidator 日 期 验证 
E-mailValidator E-mail 验证 
NumberValidator 数字 验证 
PhoneNumberValidator 电话 号 码 验证 
RegExpValidator 正则 表达 式 验 证 
SocialSecurityValidator 美国 SocialSecurity 号 码 验 证 
StringValidator 字符 串 验 证 
ZipCodeValidator 邮编 验证 


Flex 3.0 提供 的 一 些 数据 验证 组 件 是 以 美国 的 规则 制定 的 。 例 如 ， 美 国 邮 编 长 度 为 5 位 ， 
中 国 的 邮编 长 度 为 6 位 。 当 验证 组 件 不 能 满足 要 求 时 ， 用 户 需 要 修改 组 件 的 某 些 属性 从 而 达 
到 要 求 。 例 如 ， 数 字 验 证 组 件 中 可 指明 最 大 值 和 最 小 值 。 若 用 户 有 特殊 的 验证 要 求 而 组 件 未 
提供 属性 或 方法 时 ， 用 户 可 用 自 定 义 组 件 来 实现 验证 效果 。 


14.4.2 ”使 用 数据 验证 组 件 


Flex 3.0 中 ， 所 有 的 数据 验证 组 件 都 存放 在 mx.Validators.Validator 下 ， 并 且 所 有 的 数据 验 
证 组 件 都 是 非 可 见 组 件 ， 并 不 显示 在 Components 面板 中 。 用 户 可 以 通过 MXML 标签 形式 和 
在 程序 中 创建 数据 验证 组 件 对 象 两 种 方式 来 使 用 数据 验证 组 件 。 


1. 使 用 数据 验证 组 件 、 


使 用 数据 验证 组 件 的 语法 如 下 所 示 。 

<mx: 验 证 组 件 source="{ 需 验证 的 数据 组 件 id}"property=" 数 据 组 件 的 属性 "> 

其 中 ，source 属性 表示 要 验证 的 对 象 ，property 属性 表示 验证 对 象 的 属性 。source 属性 和 
property 属性 是 数据 验证 组 件 最 基本 的 两 个 属性 。 例如， 邮箱 验证 组 件 对 某 文本 框 的 text 属性 
进行 验证 。 

例如 ， 使 用 <mx:PhoneNumberValidator> 组 件 对 一 个 文本 框 中 的 文本 进行 电话 号 码 验 证 ， 
具体 代码 如 代码 14.32 所 示 。 


代码 14.32 ”<mx:PhoneNumberValidator> 组 件 验 证 电话 号 码 


<xm] version="1.0"?> 


由 于 验证 组 件 都 为 不 可 视 化 组 件 ,所 以 不 能 放置 于 可 视 化 组 件 内 。 在 代码 14.32 
中 <mx:PhoneNumberValidator> 组 件 就 不 能 放置 于 <mx:Panel> 组 件 中 。 


在 Flex 中 ， 除 了 使 用 MXML 标签 形式 创建 数据 验证 对 象 外 ， 还 可 以 在 程序 代码 中 创建 
数据 验证 对 象 。 当 然 ， 如 果 只 需要 简单 验证 的 话 ， 使 用 标签 方式 就 已 经 足够 。 下 面 使 用 编程 
的 方式 来 创建 用 于 验证 电话 号 码 的 数据 验证 对 象 ， 具 体 如 代码 14.33 所 示 。 


代码 14.33 ”编程 方式 验证 电话 号 码 


在 使 用 编程 的 方式 创建 数据 验证 对 象 时 ， 首 先 需 要 添加 对 该 对 象 的 引用 ， 然 后 就 可 以 使 
用 该 对 象 的 构造 方法 创建 一 个 新 的 对 象 实例 ,并 且 设 置 对 象 的 source 属性 、property 属性 以 及 


其 他 属性 等 。 
14.4.3 ”验证 触发 方式 


验证 触发 方式 是 指 用 户 采 用 何 种 动作 触发 验证 。 常 用 的 触发 方式 有 默认 触发 和 任意 动作 
触发 。 默 认 触发 是 指 当 焦点 离开 输入 源 时 触发 验证 。 任 意 动作 触发 是 指 用 户 可 指定 某 一 动作 
触发 验证 。 前 者 是 开发 过 程 中 最 常 使 用 到 的 一 种 方式 ， 后 者 比较 灵活 ， 也 比较 容易 理解 。 


默认 触发 验证 是 当 用 户 把 焦点 离开 输入 源 时 触发 默认 触发 验证 。 其 语法 如 下 所 示 。 
pry 


默认 触发 方式 只 需 确定 验证 组 件 的 source 属性 和 property 属性 ， 其 他 属性 默认 即 可 。 下 
面 创建 一 个 简单 的 实例 ， 采 用 默认 触发 验证 方式 ， 当 焦点 离开 文本 框 时 触发 验证 。 具 体 如 代 
码 14.34 所 示 。 


代码 14.34 ”验证 用 户 名 


在 代码 14.34 中 ， 创 建 了 一 个 StringValidator 对 象 ， 用 于 验证 用 户 输入 的 用 户 名 ， 设 置 其 
source 属性 和 property 属性 , 即 验 证 对 象 为 用 户 的 输入 值 ,并 且 设 置 其 minLength 和 maxLength 
属性 分 别 为 4 和 20, 即 用 户 名 长 度 必 须 大 于 4 个 字符 并 且 不 得 大 于 20 个 字符 。 当 焦点 离开 文 
本 框 时 ， 就 会 触发 验证 。 

验证 组 件 的 结果 直接 反映 在 对 象 组 件 上 ， 本 程序 中 若 文本 框 组 件 fname 验证 错误 ， 结 果 
为 文本 框 边框 颜色 变 红 色 ， 鼠 标 放置 到 文本 框 上 ， 将 会 显示 具体 的 错误 提示 信息 。 具 体 效果 


如 图 14-20 所 示 。 验 证 错误 的 提示 信息 存储 于 数据 组 件 的 errorString 属性 中 。 


图 14-20 ”验证 用 户 名 


默认 触发 验证 虽然 实现 了 验证 ， 但 感觉 验证 的 功能 还 是 可 有 可 无 ， 当 用 户 把 鼠标 移 到 文 
本 框 上 再 移出 才 会 触发 验证 。 如 果 用 户 预先 不 把 鼠标 移 到 文本 框 上 ， 这 个 验证 就 失去 了 效果 。 
这 时 就 可 以 根据 需要 触发 验证 。 例 如 ， 利 用 【提交 】 按 钮 检查 验证 是 否 通过 ， 如 果 验 证 未 通 
过 则 文本 框 显示 为 红色 。 

任意 动作 触发 验证 有 两 种 写法 : 一 种 是 在 验证 组 件 中 指明 触发 器 对 象 和 触发 动作 ， 另 一 
种 是 执行 事件 处 理 函 数 。 

在 验证 组 件 中 指明 触发 器 和 触发 动作 的 语法 如 下 所 示 。 


trigger 属性 指明 触发 验证 的 组 件 ， 也 称 为 触发 器 。triggerEvent 属性 表示 触发 验证 组 件 的 
方法 。 

下 面 创建 一 个 简单 的 实例 ， 使 用 Button 组 件 的 click 事件 触发 验证 ， 具 体 如 代码 14.35 
所 示 。 


代码 14.35 中 创建 了 一 个 EmailValidator 组 件 ， 对 用 户 输入 的 电子 邮箱 格式 进行 验证 ， 设 
置 trigger 属性 值 为 组 件 myButton， 并 且 设 置 riggerEvent="click"， 即 当 用 户 单 击 按钮 时 触发 
验证 。 有 具体 效果 如 图 14-21 所 示 。 


Ne 


图 14-21 验证 电子 邮箱 
任意 动作 的 触发 验证 也 可 采用 代码 触发 验证 方式 。 代码 触发 验证 的 方式 符合 Flex 3.0 的 事 
件 机 制 ， 更 容易 理解 。 其 语法 如 下 所 示 。 
< 组 件 事件 =" 验 证 组 件 .validate()j"/> 


验证 组 件 都 包含 一 个 validate() 方 法 ， 用 以 代码 方式 执行 验证 。 上 述 实例 使 用 代码 方式 触 
发 验证 的 代码 如 代码 14.36 所 示 。 


代码 14.36 ”代码 方式 执行 验证 


14.4.4 验证 失败 处 理 


数据 验证 的 目的 就 是 为 了 阻止 用 户 输入 格式 错误 的 数据 ， 那 么 当 验 证 失败 时 就 需要 提示 
具体 的 错误 信息 。 验 证 组 件 中 提供 了 丰富 的 错误 类 型 ， 只 是 这 些 错 误 类 型 的 提示 是 英文 的 ， 
用 户 可 能 需要 改变 提示 。 修 改 错误 提示 的 方法 是 修改 组 件 中 相应 的 错误 类 型 属性 。 例 如 ， 
PhoneNumberValidator 组 件 中 的 wrongLengthError 属性 表示 长 度 错误 提示 。 

用 户 可 根据 需要 修改 相应 的 出 错 信 息 。 其 语法 如 下 所 示 : 


例如 ， 下 面 创建 了 一 个 EmailValidator 对 象 ， 对 用 户 输 入 的 电子 邮箱 进行 验证 ， 并 且 还 定 
义 了 具体 的 错误 提示 信息 ， 具 体 代 码 如 代码 14.37 所 示 。 


代码 14.37 ”验证 时 显示 错误 提示 信息 
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Flex 中 的 数据 处 理 


<mx:EmailValidator 
id="emailV" 
source="{txtEmail}™" 
property="text™" 
invalidcharError=" 非 法 字符 " 
invalidDomainError=" 非 法 域 " 
invalidIPDomainError=" 非 法 IP 域 " (421) 
missingRtSignError=" 缺 少 @ 符 " 

missingPeriodInDomainError=" 缺 少 域 后 级 " 

missingUsernameError=" 缺少 用 户 名 " 

/> 

<mx:Panel title="EmailValidator 验证 失败 处 理 " width="352" height="171" 
horizontalAlign="center" verticalAlign="middle" fontSize="12"> 

<mx:TextInput id="txtEmail" fontSize="10"/><!-- 输 入 框 组 件 --> 

<!--Label 组 件 ， 用 于 显示 验证 结果 --> 

<mx :Label text="{txtEmail.errorstring}" color="#E70F38"/> 

<mx:Button id="mySubmit"” label=" 验 证 邮箱 " click="checkHandle();" fontsize= 
"10"/><!-- 按 钮 组 件 ， 用 于 验证 处 理 --> 


</mx:Panel> 


</mx:Application> 


在 代码 14.37 中 , 首先 创建 电子 邮件 验证 组 件 EmailValidator 并 设置 其 验证 对 象 。 接 下 来 ， 
自 定义 设置 具体 的 错误 提示 信息 ，Flex 3.0 为 每 个 数据 验证 组 件 都 提供 丰富 的 验证 错误 类 型 。 
用 户 可 以 通过 为 不 同 的 错误 类 型 分 别 设置 具体 的 提示 信息 ， 来 实现 精确 提示 的 效果 。 在 本 实 
例 中 ， 分 别 设置 了 invalidCharError、invalidDomainError、invalidIPDomainError、missingAt- 
SignError、missingPeriodImDomainError、missingUsernameError 等 错误 类 型 的 具体 提示 信息 。 
具体 的 效果 如 图 14-22、 图 14-23 所 示 。 
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图 14-22 缺少 用 户 名 图 14-23 缺少 @ 符 号 


设置 【验证 邮箱 】 按 钮 的 click 事件 调用 函数 checkHandle0， 在 该 函数 中 ， 使 用 让 语 句 判 
断 是 否 验 证 成 功 。 
if(emailV.validate() .type==ValidationResultEvent .VALID) 


ValidationResultEvent 类 包含 于 mx.events.* 中 ， 是 验证 结果 事件 类 。 其 中 ，INVALID 值 表 


示 验 证 失败 ，VALID 值 表 示 验 证 成 功 。 验 证 成 功效 果 如 图 14-24 所 示 。 
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图 14-24 ”邮箱 验证 成 功 


14.4.5 自 定义 验证 组 件 


虽然 Flex 3.0 对 表单 中 经 常 遇 到 的 数据 验证 功能 进行 了 封装 , 创建 了 一 系列 的 数据 验证 组 
件 。 但 是 对 于 用 户 来 说 ， 如 果 需 要 实现 一 些 特殊 的 验证 请 求 ， 这 些 验 证 组 件 就 无 法 满足 要 求 
了 。 在 Flex 3.0 中 ， 当 验证 组 件 不 能 满足 用 户 的 特殊 验证 需求 时 ， 用户 可 考虑 创建 自 定义 验证 
组 件 。 一 般 来 说 ， 多 条 件 复杂 数据 验证 都 需要 自 定义 验证 组 件 。 例 如 ， 字 符 串 长 度 为 3~43， 
内 容 不 能 包含 某 些 特殊 字符 。 

Flex 3.0 中 自 定义 验证 组 件 需 要 首先 继承 功能 最 相近 的 验证 组 件 , 然后 重 写 验证 组 件 中 的 
doValidation0) 方 法 。 创 建 自 定义 验证 组 件 的 步骤 如 下 所 示 。 

(1) 选择 File | New| ActionScript Class 命令 ， 弹 出 New ActionScript Class 对 话 框 。 

(2) 在 Package 文本 框 中 输入 相对 路 径 ， 在 Name 文本 框 中 输入 类 名 ， 在 Superclass 文本 
框 中 输入 继承 类 ， 此 处 为 mx.validators.validator。 启 用 Generrate constructor from superclass 复 
选 框 表 示 使 用 继承 类 的 构造 函数 。 单 击 Finish 按钮 ， 完 成 类 的 创建 ， 如 图 14-25 所 示 。 


14-25 ”创建 自 定义 验证 组 件 


(3) 编写 自 定义 验证 组 件 类 myValidators as， 具体 代码 如 代码 14.38 所 示 。 
代码 14.38 myValidators.as 类 


在 代码 14.38 中 , 创建 了 一 个 用 户 自 定义 验证 组 件 类 myValidator, 该 类 继承 自 mx.validators. 
validator 基 类 。 使 用 override 关键 字 重 写 函 数 doValidation()。 在 该 函数 中 ， 首 先 使 用 super. 
doValidation(value) 语 句 执行 继承 类 中 的 dovValidator( 方 法 ， 然 后 自 定 义 具体 的 验证 需求 ， 并 将 
结果 存放 在 数组 results 中 。 


ValidationResult 类 是 验证 结果 类 ， 包 含 于 mx.validators.* 中 。ValidationResult 类 的 构造 函 
数 有 4 个 参数 。 第 1 个 参数 表示 是 否 为 错误 类 型 ， 第 2 个 参数 表示 指向 某 特定 属性 ， 第 3 个 
参数 表示 错误 类 型 ， 第 4 个 参数 表示 错误 提示 。 本 程序 中 自 定 义 了 StringTooLong 和 
StringTooShort 错误 类 型 ， 分 别提 示 “ 密 码 长 度 不 能 超过 10” 和 “密码 长 度 不 能 低 于 4”， 此 错 
误 在 数据 组 件 的 长 度 不 满足 条 件 时 发 生 。 

(4) 调用 自 定 义 验 证 类 。 调 用 自 定 义 组 件 时 必须 指明 命名 空间 。 引 用 自 定义 组 件 的 语法 
如 下 所 示 。 


命名 空间 可 任意 取 名 。 类 所 属 的 包 必须 与 类 定义 时 的 package 关键 字 相同 。 具体 引用 自 定 
义 组 件 myValidator 的 代码 如 代码 14.39 所 示 。 


代码 14.39 ”代码 方式 执行 验证 


在 代码 14.39 中 ， 引 用 自 定义 组 件 myValidator， 用 于 验证 用 户 输入 的 密码 是 否 符合 密码 
策略 。 具 体 效 果 如 图 14-26、 图 14-27、 图 14-28 所 示 。 其 中 ， 图 14-26 是 继承 Flex 中 数据 验 
证 组 件 的 错误 类 型 ， 而 图 14-27、 图 14-28 则 是 用 户 自 定义 的 错误 类 型 。 
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This field is required. 


图 14-26 ”密码 不 能 为 空 


密码 ( 4-10 位 字符 ) : 


图 14-28 密码 长 度 不 能 超过 10 


14.4.6 ”数据 验证 应 用 实例 


用 户 注册 模块 是 一 个 网 站 最 基本 的 模块 之 一 。 在 用 户 注册 模块 ， 需 要 把 用 户 提交 的 注册 
信息 存储 到 数据 库 中 。 为 了 确保 用 户 注 册 信息 的 正确 性 以 及 满足 数据 库 中 特定 的 数据 类 型 ， 
在 存储 注册 信息 之 前 ， 就 需要 对 用 户 输入 的 用 户 名 、 密 码 、 电 子 邮 件 、 电 话 号 码 等 信息 进行 
数据 验证 。 

在 本 节 中 ， 使 用 前 面 介绍 过 的 数据 验证 组 件 ， 创 建 一 个 简单 的 验证 用 户 注册 信息 实例 ， 
具体 步骤 如 下 。 

(1) 首先 设计 用 户 注册 模块 的 界面 。 在 用 户 注册 模块 ， 需 要 用 户 提交 用 户 名 、 密 码 、 性 
别 、 电 子 邮件 、 手 机 号 码 等 信息 。 在 本 实例 中 ， 使 用 Panel 组 件 和 Form 组 件 进行 布局 ， 并 在 
Form 组 件 中 使 用 各 种 基本 组 件 ， 如 TextInput、RadioButton 等 ， 接 受用 户 的 注册 信息 。 界 面 
的 具体 设计 如 代码 14.40 所 示 。 


代码 14.40 用户 注册 


(2) 界面 设计 完成 后 ， 就 可 以 根据 需求 创建 数据 验证 组 件 ， 对 用 户 输入 的 注册 信息 进行 
验证 。 在 本 实例 中 ， 分 别 对 用 户 名 、 电 子 邮 件 、 电 话 号 码 等 信息 进行 验证 ， 有 具体 如 代码 14.41 
所 示 。 


代码 14.41 ”对 数据 进行 验证 


在 代码 14.41 中 ， 创 建 了 3 个 数据 验证 对 象 : PhoneNumberValidator、StringValidator、 
EmailValidator， 分 别 设置 这 3 个 数据 验证 组 件 的 source、property 属性 ， 并 且 对 可 能 出 现 的 错 
误 类 型 设置 具体 的 错误 提示 信息 。 具 体 的 验证 效果 如 图 14-29 所 示 。 
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14-29 ”数据 验证 错误 提示 效果 


(3) 在 上 面 创建 了 3 个 数据 验证 组 件 ， 当 焦点 离开 文本 框 时 ， 就 会 触发 相应 的 数据 验证 
组 件 。 但 如 果 用 户 并 不 将 焦点 移入 到 文本 框 ， 直 接 单 击 【提交 】 按 钮 ， 就 不 会 触发 相应 的 验 
证 组 件 。 这 时 就 需要 在 提交 数据 的 时 候 对 所 有 验证 组 件 的 验证 结果 进行 判断 ， 当 所 有 验证 组 
件 都 通过 验证 后 , 才 可 以 提交 数据 。 在 本 实例 中 , 创建 一 个 函数 submit0， 当 用 户 单 击 【 提 交 】 
按钮 时 被 调用 ， 具 体 如 代码 14.42 所 示 。 


代码 14.42 “提交 ”函数 submit() 


在 函数 submit0 中 , 首先 使 用 让 语句 判断 所 有 验证 组 件 的 验证 结果 ， 所 有 验证 组 件 都 验证 
无 误 后 再 判断 用 户 两 次 输入 的 密码 是 否 为 空 和 是 否 一 致 ， 符 合 全 部 要 求 后 ， 对 用 户 提交 的 数 
据 进行 存储 及 相应 处 理 〈 对 数据 的 存储 并 不 是 本 章 的 主要 内 容 ， 这 里 就 不 设计 具体 的 程序 代 


图 14-30 判断 验证 结果 


14.5 数据 格式 化 


数据 格式 化 就 是 对 某 些 特殊 数据 的 格式 进行 规范 。 例 如 ， 日 期 格式 有 很 多 种 ， 可 以 为 
“2009-09-11” 或 者 “09/11/2009” 等 。 甚 至 有 时 对 数据 进行 规范 是 必须 的 ， 像 货币 的 格式 要 
统一 。 


14.5.1 格式 化 组 件 概述 


Flex 3.0 中 提供 了 几 种 常见 的 数据 格式 化 组 件 ， 包 括 DateFormatter、NumberFormatter、 
PhoneFormatter 等 ， 如 表 14-2 所 示 。 


表 14-2 Flex 3.0 中 的 数据 格式 化 组 件 


CurrencyFormatter 对 货币 数据 格式 化 对 电话 号 码 数 据 格式 化 
DateFormatter 对 日 期 数据 格式 化 ZipCodeFormatter 对 邮编 数据 格式 化 
NumberFormatter 对 数字 数据 格式 化 


在 Flex 中 所 有 的 formatter (格式 器 ) 都 是 mx.fomatters Formatter 类 的 子 类 ,一 个 Formatter 
类 声明 一 个 format0 方 法 ， 这 个 方法 需要 一 个 参数 值 ， 返 回 一 个 字符 串 。 

对 于 大 多 数 的 formatter， 当 一 个 错误 发 生 时 ， 将 返回 一 个 空 字符 串 ， 并 且 描 述 错误 的 信 
息 被 写 在 formatter 的 error 属性 中 。error 属性 继承 自 Formatter 类 。 


14.5.2 ”货币 格式 化 组 件 <mx:CurrencyFormatter> 


<mx:CurrencyFormatter> 组 件 用 以 格式 化 货币 ， 其 常用 的 属性 如 表 14-3 所 示 。 


表 14-3 <mx:CurrencyFormatter> 组 件 的 常用 和 属性 


alignSymbol 货币 符号 位 置 。 其 值 可 为 left 或 right 
currencySymbol 货币 符号 ， 如 $、¥、£ 
useThousandsSeparator 是 否 使 用 千 位 符 (,)。 其 值 可 为 true 或 false 
useNegativeSign 是 否 使 用 负 号 。 其 值 可 为 true 或 false 
Precision 格式 化 数据 的 精度 

eITOT 格式 化 数据 出 错时 的 提示 信息 


下 面 创建 一 个 使 用 <mx:CurencyFormatter> 组 件 格式 化 货币 的 实例 ， 具 体 如 代码 14.43 
所 示 。 


代码 14.43 ”<mx:CurrencyFormatter> 组 件 格式 化 货币 


在 代码 14.43 中 ， 创 建 了 一 个 货币 格式 化 组 件 <mx:CurrencyFormatter> ， 设 置 其 
currencySymbol 属性 为 三 ，useNegativeSign 属性 为 tue，useThousandsSeparator 属性 为 tue， 
alignSymbol 属性 为 left， 并 设置 其 precision 属性 为 2， 即 精确 到 小 数 点 后 两 位 。 

当 用 户 单 击 【验证 并 格式 化 】 按 钮 时 ， 首 先 判断 用 户 输入 的 数据 格式 是 否 正确 ， 如 果 无 
误 则 使 用 CurrencyFormatter 对 象 的 format() 方 法 进行 格式 化 ,获取 格式 化 后 字符 串 ， 并 在 文本 
框 中 显示 出 来 。 具 体 的 效果 如 图 14-31 所 示 。 


镇 入 人 民 而 全 狮 : 。 1200500020 


9920.00 


14-31 ”使 用 货币 格式 化 组 件 


14.5.3 ”日 期 格式 化 组 件 <mx:DateFormatter> 


<mx:DateFormatter> 组 件 用 以 格式 化 日 期 ， 其 常用 的 属性 如 表 14-4 所 示 。 
表 14-4 <mx:DateFormatter> 组 件 的 常用 属性 


error 格式 化 数据 出 错时 的 提示 信息 
formatString 格式 化 掩 码 


<mx:DateFormatter> 组 件 的 formatString 属性 中 定义 格式 化 掩 码 ， 可 用 “YIMIDIAIEIHIJIK| 
LINIS” 组 合生 成 。 日 期 掩 码 字 符 的 说 明 如 表 14-5 所 示 。 


表 14-5 “日 期 掩 码 字符 的 说 明 


年 份 。 可 用 若干 个 Y 组 成 。 例 如 : YY=09，YYYY=2009，YYYYY=02009 
月 份 。 可 用 若干 个 M 组 成 。 例 如 : M=7, MM=07, MMM=Jul, MMMM=July 
天 。 可 用 若干 个 D 组 成 。 例 如 : D=4，DD=04 

am 或 pm 

星期 几 。 可 用 若干 个 E 组 成 。 例 如 : E=1，EE=01，EEE=Mon，EEEE=Monday 
从 1 开始 记 数 的 24 小 时 制 (1-24) 

从 0 开始 记 数 的 24 小 时 制 0-23) 

从 0 开始 记 数 的 12 小 时 制 (0-11) 

从 1 开始 记 数 的 12 小 时 制 (1-12) 

分 钟 。 可 用 若干 个 N 组 成 。 例 如 : N=3，NN=03 

秒 。 例 如 : SS=30 


根据 表格 14-5 中 的 掩 码 字 符 可 组 成 丰富 的 日 期 格式 。 例 如 ， 掩 码 “EEEE,MMM.D， 
YYYY'at*H:NNA” 应 用 的 结果 为 “Tuesday,Sept.8,2009at1:26PM”。 

下 面 使 用 <mx:DateFormatter> 创 建 一 个 格式 化 日 期 数据 的 简单 实例 ， 具 体 如 代码 14.44 
所 示 : 


六 用 


代码 14.44 <mx:DateFormatter> 组 件 格式 化 日 期 


在 代码 14.44 中 , 创建 了 DateFormatter 对 象 , 并 设置 其 formatString 属性 为 “YYYY 年 M 
月 D 日 ” 当 用 户 单 击 【 验 证 并 格式 化 】 按 钮 后 ， 首 先 判断 用 户 输入 的 日 期 格式 ， 如 果 格 式 正 
确 则 调用 DateFormatter 对 象 的 format(0 方 法 ， 格 式 化 数据 ， 并 在 文本 框 中 显示 出 来 ， 具 体 的 
显示 效果 如 图 14-32 所 示 。 


| 人 


给 日 央 (mm/dd/wyyy): 。 08/08/2008 
格式 炒 后 期 : 。 2008 年 8 月 8 让 


图 14-32 ”使 用 日 期 格式 化 组 件 


14.5.4 数字 格式 化 组 件 <mx:NumberFormatter> 


<mx:NumberFormatter> 组 件 用 以 格式 化 数字 ， 其 常用 的 属性 如 表 14-6 所 示 。 


表 14-6 <mx:NumberFormatter> 组 件 的 常用 属性 


useThousandsSeparator 是 否 使 用 千 位 符 “.”。 其 值 可 为 tue 或 false 
useNegativeSign 是 否 使 用 负 号 。 其 值 可 为 tue 或 false 

error 格式 化 数据 出 错时 的 提示 信息 

precision 格式 化 数据 的 精度 


数字 格式 化 组 件 <mx:NumberFormatter> 与 货币 格式 化 组 件 的 使 用 方法 非常 相似 ， 可 以 使 
用 useThousandsSeparator 属性 来 设置 是 否 使 用 千 位 符 ， 使 用 useNegativeSign 属性 来 设置 是 否 
使 用 负 号 等 。 该 组 件 的 具体 实例 如 代码 14.45 所 示 。 


代码 14.45 ”使 用 <mx:NumberFormatter> 组 件 


14.5.5 ”电话 格式 化 组 件 <mx:PhoneFormatter> 


<mx:PhoneFormatter> 组 件 用 以 格式 化 电话 ， 其 常用 的 属性 如 表 14-7 所 示 。 
表 14-7 <mx:PhoneFormatter> 组 件 的 常用 属性 


error 格式 化 数据 出 错时 的 提示 信息 
formatString 格式 化 掩 码 。 例 如 ，( 失 和 机 # 棒 检 
areaCodeFormat 区 号 掩 码 。 例 如 ，( 岩 检 
validPatternChars 可 用 的 掩 码 符 


下 面 创 建 一 个 使 用 电话 格式 化 组 件 <mx:PhoneFormatter> 的 实例 ， 具 体 如 代码 14.46 所 示 。 
代码 14.46 ”使 用 <mx:PhoneFormatter> 组 件 


在 代码 14.46 中 ， 创 建 了 一 个 电话 格式 化 组 件 ， 并 设置 其 formatString 属性 为 “(####) 
天 嵌 - 峙 理 ” 设置 其 alidPatternChars 属性 为 “#-()”。 当 用 户 单 击 【 验 证 并 格式 化 】 按 钮 后 ， 
首先 验证 用 户 输入 的 电话 号 码 ， 如 果 输 入 正确 就 调用 PhoneFormatter 对 象 的 format() 方 法 格式 
化 数据 ， 并 在 文本 框 中 显示 。 具 体 效 果 如 图 14-33 所 示 。 


全 pz Documents\Fler Duilder 3\chapl4\bin acbut 


请 输入 电话 号 码 : 037163882014 
入 式 化 后 电话 号 玛 。 (0371) 5338-2014 


图 14-33 ”使 用 电话 格式 化 组 件 


14.5.6 ”邮编 格式 化 组 件 <mx:ZipCodeFormatter> 


<mx:ZipCodeFormatter> 组 件 用 以 格式 化 邮编 ， 其 常用 的 属性 如 表 14-8 所 示 。 


表 148 <mx:ZipCodeFormatter> 组 件 的 常用 属性 


error 格式 化 数据 出 错时 的 提示 信息 
formatString 格式 化 掩 码 。 例 如 ， 兰 嵌 ， 状 # 故 ## 


邮编 格式 化 组 件 与 电话 格式 化 组 件 的 使 用 方法 非常 相似 ， 需 要 设置 其 formatString 属性 。 
下 面 创建 一 个 使 用 邮编 格式 化 组 件 <mx:ZipCodeFormatter> 的 简单 实例 ， 具 体 如 代码 14.47 
所 示 。 


代码 14.47 ”使 用 <mx:ZipCodeFormatter> 组 件 


在 代码 14.47 中 , 创建 了 一 个 邮编 格式 化 组 件 ,并 设置 其 formatString 属性 为 " 圭 扩 ##- 乡 峙 凡 
当 用 户 单 击 【 验 证 并 格式 化 】 按 钮 后 ， 判 断 用 户 输入 的 邮政 编码 ， 如 果 格 式 正 确 则 调用 


ZipCodeFormatter 对 象 的 format0 方 法 进行 格式 化 , 返回 格式 化 后 的 字符 串 并 在 文本 框 中 显示 ， 
具体 的 效果 如 图 14-34 所 示 。 


~ [GD wy oem nies Dotaer Wererin eroeer rircote [|X| 
0 


i 注入 5 了 者 9 位 都 的 编码 ( 北大 标准 )。 32231 


格式 化 后 归 融 编码。 32231-000D 


ES 


| 寺 成 EE 


14-34 ”使 用 邮编 格式 化 组 件 


据 传输 数据 传输 与 服务 器 交互 


5 


关内 容 摘要 | osvac 

数据 具有 流动 性 ， 数 据 传输 是 指 根据 用 户 控制 传递 至 指定 目的 地 。 数 据 交 互 是 指 Flex 与 
其 他 服务 器 端 程序 进行 数据 交换 ， 包 括 传递 数据 给 其 他 程序 和 接收 其 他 程序 返回 的 数据 。 本 
章 将 详细 讲解 数据 传输 的 各 种 方法 及 如 何 与 服务 器 进行 交互 。 

/ 学 习 目 标 |ouecuv。 

> 了 解数 据 传输 的 几 种 方式 

> 掌握 如 何 使 用 文件 流 方式 传输 数据 

> 熟悉 如 何 使 用 XML 方式 传输 数据 

> 了 解 与 服务 器 端 通信 的 知识 

> 熟悉 使 用 HTTPService 

> 熟悉 使 用 WebService 


15.1 数据 传输 的 方式 


Flex 3.0 中 的 数据 传输 方式 包括 内 部 数据 传输 、 文 件 流 方式 传输 、XML 方式 传输 、 其 他 
方式 传输 。 应 用 程序 的 内 部 数据 传输 大 多 通过 变量 传递 来 实现 。 外 部 文件 的 数据 可 分 为 简单 
文本 数据 、XML 数据 和 复杂 数据 。 对 于 简单 的 文本 数据 可 采用 文件 流 方式 传输 。 对 于 XML 
数据 可 采用 XML 方式 传输 。 对 于 复杂 的 数据 ， 如 大 型 数据 库 中 的 数据 ， 需 要 通过 其 他 服务 器 
端 程序 来 辅助 传输 。 


15.1.1 内 部 数据 传输 


内 部 数据 传输 是 指 应 用 程序 内 部 的 数据 流动 ， 而 变量 传递 是 其 最 常 使 用 的 传输 方式 。 对 
于 同一 文件 或 者 类 中 的 变量 可 采用 直接 赋值 的 方式 。 对 于 不 同文 件 或 者 类 中 的 变量 可 采用 公 
有 变量 的 方式 。 


1 个 直接 赋值 方式 
直接 赋值 是 指 将 一 变量 赋值 给 另 一 变量 。 以 下 代码 将 变量 j 的 值 直接 赋值 给 变量 i 


大 多 数 情况 下 ， 使 用 赋值 运算 符 “=” 将 两 变量 连接 起 来 就 实现 了 变量 传递 ， 但 在 两 种 情 
况 下 需要 特殊 处 理 。 一 种 情况 是 两 个 变量 的 类 型 不 相同 ， 需 要 强制 转换 。 需 要 说 明 的 是 ， 若 
两 个 变量 类 型 相近 ,编译 器 可 自动 转换 。 例 如 ,将 int 类 型 的 变量 赋值 给 Number 类 型 变量 时 ， 
编译 器 自动 执行 变量 传递 。 若 两 个 变量 类 型 相差 甚 远 ， 如 Object 型 与 Array 型 ， 就 需要 强制 
转换 。 

Flex 3.0 中 数据 类 型 强制 转换 的 语法 如 下 所 示 。 


或 者 如 下 所 示 。 


以 下 代码 将 int 类 型 强制 转换 为 Number 类 型 。 


另 一 种 情况 是 特殊 的 变量 类 型 , 如 Array 等 多 维 数据 变量 。 前 面 章节 中 详细 介绍 过 数组 变 
量 。 为 了 节约 变量 空间 ，Array 类 型 的 变量 并 不 存储 全 部 数据 ， 而 是 存储 数组 的 首 地 址 。 若 两 
个 数组 变量 直接 赋值 ， 结 果 是 两 个 变量 都 存储 了 同一 数组 的 首 地 址 ， 改 变 任何 变量 中 的 数据 
也 就 改变 了 数组 的 内 容 。 

以 下 代码 中 两 个 数组 变量 直接 赋值 ， 带 来 了 错误 的 结果 。 


为 了 帮助 读者 理解 ， 假 设 数组 在 内 存 的 首 地 址 为 000001。 变 量 赋值 后 ， 变 量 a、b 都 指向 
首 地 址 000001。 对 变量 a 进行 数据 修改 后 ， 数 组 数据 发 生 改 变 ， 但 变量 a、b 仍然 指向 同一 首 
地 址 。 

正确 的 做 法 是 使 用 concat() 方 法 复制 数组 变量 b。 上 述 代码 修改 后 如 下 所 示 。 


声明 变量 为 公有 的 关键 字 为 public。 其 语法 如 下 所 示 。 


以 下 代码 定义 了 公有 变量 str。 


不 同文 件 或 者 类 中 使 用 公有 变量 方式 传输 变量 ， 其 步骤 如 下 所 示 。 
在 项 目 中 新 建 名 为 Model 的 文件 夹 ， 并 在 此 文件 夹 下 新 建 名 为 model 的 类 。 类 中 定义 一 
公有 变量 name。 以 下 代码 定义 了 model 类 。 


在 MXML Application 文件 中 就 可 以 调用 model 类 的 公有 变量 name， 如 代码 15.1 所 示 。 
代码 15.1 内 部 数据 传输 


15.1.2 ”文件 流 方式 传输 


文件 流 方式 传输 是 指数 据 以 二 进 制 文件 流 的 形式 流动 。 简单 的 数据 可 存储 于 文本 文件 中 ， 
通过 Flex AIR 项 目 中 新 增 的 File、FileStream 等 类 可 以 方便 地 操作 本 地 文件 。 
创建 File 类 变量 的 语法 如 下 所 示 。 


例如 定义 一 个 File 类 变量 ， 并 指向 根 目录 下 的 test.txt 文件 ， 具 体 代码 如 下 所 示 。 


其 中 File.applicationDirectory.nativePath 表示 项 目 路 径 。 
创建 Flie 类 型 变量 ， 并 指向 具体 的 文件 后 ， 接 下 来 需要 创建 使 用 FileStream 类 打开 文件 。 
FileStream 类 的 语法 如 下 所 示 。 


在 上 述 代 码 中 ， 首 先 声明 FileStream 类 的 实例 变量 ， 然 后 使 用 open() 方 法 打开 文件 。 其 中 
打开 方式 可 为 FileMode.READ、FileMode.WRITE、FileMode.APPEND、FileMode.UPDATE 4 
种 。 例 如 使 用 FileMode.READ 方式 打开 上 面 例子 中 的 test.txt 文件 ， 就 可 以 使 用 如 下 代码 。 


读 取 FileStream 类 中 的 数据 。 在 使 用 FileStream 类 打开 文件 后 ， 数 据 存储 于 FileStream 变 
量 中 。 可 使 用 readUTFBytes() 方 法 读 取 数据 。 其 语法 如 下 所 示 。 


ReadUTFBytes( 方 法 返回 类 型 为 String 型 。 该 方法 有 一 个 可 选 参数 bytesAvailable， 表 示 
读 取 全 部 文件 流 数据 。 

下 面 创建 了 一 个 从 文件 中 读 取 数据 的 简单 实例 ， 该 实例 从 text.txt 文件 中 读 取 内 容 ， 并 显 
示 在 文本 区 域内 ， 如 代码 15.2 所 示 。 


代码 15.2 读 取 文件 内 容 


运行 代码 15.2， 具 体 效 果 如 图 15-1 所 示 。 在 图 15-2 中 还 给 出 了 test.txt 文件 的 详细 内 容 。 


ex is so interesting. 


Nlex is so easy. 


图 15-1 读 取 文 件数 据 图 15-2 test.txt 文件 内 容 


© File、FileStream 等 对 象 只 可 以 在 Flex AIR 项 目 中 应 用 。 ] 


15.1.3 XML 方式 传输 


XML 是 一 套 定义 语义 标记 的 规则 , 这些 标 记 将 文档 分 成 许多 部 件 并 对 这 些 部 件 加 以 标识 。 
XML 允许 用 户 自 定义 标记 及 元 素 ， 具 有 相当 大 的 灵活 性 ， 不 仅 用 户 能 够 理解 文档 的 内 容 ， 而 
且 计 算 机 也 可 以 对 其 进行 处 理 。XML 简单 小 巧 、 存 储 方便 、 检 索 快速 的 优点 ， 使 其 常用 于 数 


据 存储 和 数据 交换 。 在 网 站 应 用 中 ，XML 数据 应 用 得 越 来 越 广泛 。 

在 Flex 3.0 中 , 用 户 不 但 可 以 在 程序 内 部 创建 XML 类 型 的 数据 ， 还 可 以 使 用 URLLoader 
类 加 载 外 部 XML 文件 。 

加 载 XML 文件 时 需要 定义 一 个 URLRequest 类 变量 ， 用 以 指明 XML 文件 路 径 。 其 语法 
如 下 所 示 。 


然后 ， 就 可 以 使 用 URLLoader 类 的 load 方法 加 载 XML 文件 。 其 语法 如 下 所 示 。 


下 面 创建 一 个 简单 的 实例 ， 使 用 URLLoader 类 加 载 外 部 文件 ， 创 建 一 个 简单 的 视频 播放 
菜单 。 首 先 来 看 下 tree.xml 文件 的 代码 ， 如 代码 15.3 所 示 。 


代码 15.3 “加载 外 部 XML 文件 


接 下 来 设计 播放 菜单 界面 ， 并 使 用 具体 的 功能 代码 获取 tree.xml 文件 中 的 数据 ， 如 代码 
15.4 所 示 。 


代码 15.4 “播放 菜单 界面 


在 代码 15.4 中 ， 在 页 面 初始 化 函数 OperateXMLO 中 ， 创 建 了 一 个 URLLoader 和 
URLRequest 对 象 实例 ,在 声明 URLRequest 对 象 时 获取 外 部 XML 文件 的 路 径 , 使 用 URLLoader 
对 象 的 10ad0 方 法 进行 加 载 ， 同 时 对 外 部 XML 文件 加 载 完 成 事件 的 监听 。 一 旦 加 载 完 成 执行 
completeHandle() 函 数 。 

在 函数 completeHandle0 中 ， 设 置 XML 类 型 变量 treenew 获取 返回 的 XML 数据 列表 。 并 


且 在 Tree 组 件 中 ， 设 置 其 dataProvider 属性 为 {treenew}， 设 置 labelField="@label"， 即 显示 数 
据 源 节点 的 Label 属性 值 ， 并 且 设 置 其 change 事件 调用 函数 treeChange(event), 获取 用 户 选 择 
结果 。 

运行 代码 15.4， 具 体 的 显示 效果 如 图 15-3 所 示 。 
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图 15-3 读 取 外 部 XML 文件 


15.1.4 其 他 方式 传输 


除了 上 述 小 节 中 介绍 的 数据 外 , Flex 应 用 程序 可 能 还 会 遇 到 其 他 类 型 的 外 部 数据 , 如 SQL 
Server 数据 库 数 据 、MySQL 数据 库 数 据 、Oracle 数据 库 数 据 等 。Flex 3.0 不 能 直接 接收 这 些 数 
据 ， 需 要 与 其 他 服务 器 端 程序 进行 交互 ， 在 服务 器 端 处 理 这 些 数据 并 以 特定 的 类 型 ， 如 数组 
型 、XML 型 、Object 型 传递 给 Flex。 

Flex 主要 是 用 于 前 端 用 户 交互 的 解决 方案 框架 ， 但 是 作为 完整 的 信息 系统 来 说 ， 存 储 数 
据 和 读 取 数 据 等 数据 操作 是 必 不 可 少 的 内 容 。 使 用 Flex 开发 业务 逻辑 复杂 的 信息 系统 时 ， 通 
常会 选用 成 熟 的 服务 器 端 架构 。Flex 提供 了 一 系列 与 服务 器 交互 的 方式 ， 通 过 这 些 方式 可 以 
方便 地 实现 与 成 熟 的 服务 器 端 架构 进行 通信 。 

Flex 定位 于 企业 级 开发 平台 ， 所 以 与 服务 器 端 通信 是 Flex 中 最 重要 的 功能 。Flex 与 服务 
器 端 通信 分 为 两 大 类 ， 一 类 是 使 用 传统 的 HTTP 方式 发 送 请 求 进行 与 服务 器 端的 通信 ， 另 外 
一 类 是 通过 LCDS 与 服务 器 端 交互 。 这 两 大 类 与 服务 器 端 通信 的 方式 在 技术 上 又 有 着 不 同 的 
实现 方式 。 本 书 主要 介绍 与 ASPNET 服务 器 端 开发 技术 进行 交互 ， 因 此 在 本 章 就 只 介绍 如 何 
使 用 传统 的 HTTP 方式 与 服务 器 端 进行 交互 。 

使 用 传统 的 HTTP 方式 与 服务 器 通信 可 以 分 为 两 大 类 。 

口 HTTPService 使 用 异步 的 HITP 请 求 方式 与 服务 器 端 进行 通信 ,其 使 用 方式 与 Ajax 

反衬: 
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口 ” WebService 使 用 标准 的 WebService 协议 与 服务 器 端 进行 通信 。 


采用 HTTP 方式 与 服务 器 端 进行 通信 时 ， 开 发 Flex 端 程序 与 服务 器 端 程序 分 开 ， 也 就 是 
说 ，Flex 内 容 是 独立 的 ， 只 需要 引入 相应 的 标签 和 类 库 就 可 以 访问 服务 器 端的 数据 。 下 面 将 


分 别 对 这 两 种 使 用 HTTP 方式 与 服务 器 端 通信 的 方式 进行 讲解 。 


15.2 ”使 用 HTTPService 与 服务 器 端 交互 


在 Flex 中 ， 可 以 通过 组 件 以 及 类 库 的 方式 访问 HTTPService， 两 者 的 使 用 方式 几乎 一 致 。 


HTTPService 不 是 标准 协议 ， 所 以 在 使 用 HITPService 进行 访问 的 时 候 ， 需 要 自己 定义 数据 交 


换 格式 。 


‘ 国 HTTPService 类- 


在 Flex 3.0 的 mx.rpc.http 下 提供 了 一 个 HTTPService 类 。 使 用 HTTPService 对 象 与 服务 
器 端 通信 时 ， 就 会 使 用 该 类 进行 数据 访问 。HTTPService 类 常用 的 属性 及 方法 如 表 15-1 所 示 。 


名 称 


contentType 


destination 
headers 
mothod 


request 
requestTimeout 
IootURL 

ul 

userProxy 
xmlDecode 
xmlEncode 
HTTPService() 
disconnect() 
send() 


类 型 
属性 


属性 
属性 
属性 


属性 
属性 
属性 
属性 
属性 
属性 
属性 
方法 
方法 
方法 


表 15-1 HTTPService 常用 的 属性 和 方法 
说 明 
String 类 型 ， 默 认 值 为 application/x-www-form-urlencoded。 表 明 请 求 内 容 的 
类 型 
String 类 型 ， 表 明 在 LCDS 当中 service-config.xml 描述 的 HTTP 服务 的 别名 
Object 类 型 ， 发 送 请 求 定义 的 HTTP 头 
Stirng 类 型 ， 默 认 值 为 GET。 表 明 发 送 HTTP 请 求 的 方式 ， 取 值 为 POST 或 
者 GET 
Object 类 型 ， 发 送 请 求 的 参数 。 内 容 格式 为 名 称 和 值 对 
int 类 型 ， 请 求 超时 的 时 间 。 单 位 为 秒 
String 类 型 ， 请 求 HTTP 服务 的 根 地 址 
String 类 型 ， 请 求 HTTP 服务 的 位 置 
Boolean 类 型 ， 是 否 使 用 代理 的 别名 服务 
Function 类 型 ， 当 请 求 为 XML 时 ， 处 理 结果 XML 的 ActionScript 函数 
Function 类 型 ， 对 发 送 请 求 内 容 进行 XML 化 处 理 的 ActionScript 函数 
构造 方法 
没有 返回 值 ， 断 开 HTTP 服务 的 网 络 连接 
参数 是 Object 类 型 ， 默 认为 null， 返 回 值 类 型 为 AsyncToken。 执 行 一 个 
HTTPService 的 请 求 


Flex 对 HITPService 访问 的 方式 与 传统 的 B/S 结构 很 相似 ， 同 样 是 通过 POST 和 GET 方 
式 发 送 请 求 。 不 同 之 处 在 于 ，Flex 发 送 请 求 和 处 理 结 果 的 方式 是 异步 的 ， 而 不 是 传统 B/S 结 


构 那样 同步 进行 处 理 。 


下 面 给 出 了 一 个 使 用 HITPService 类 的 简单 实例 。 


@ 


Er 


在 上 述 代 码 中 ,首先 创建 了 HTTPService 的 一 个 实例 对 象 objHTTP, 设置 其 url 属性 指向 
服务 器 端 程序 文件 的 位 置 ， 设 置 以 GET 方式 发 送 HTTP 请 求 ， 并 且 创 建 了 一 个 参数 列表 ， 最 
后 调用 send() 方 法 发 送 HTTPService 请 求 。 

HTTPService 请 求 返回 的 数据 存储 于 ResultEvent 类 中 。 在 上 述 代 码 中 ， 添 加 了 对 result 
事件 和 Fault 事件 的 监听 ， 并 指定 了 结果 和 错误 处 理 函 数 。 在 结果 处 理 函数 中 ， 就 可 以 根据 从 
服务 器 端 返回 的 数据 ， 进 行 具体 的 处 理 。 例 如 : 


虽然 可 以 通过 类 的 方式 直接 访问 HITPService， 但 是 通常 在 Flex 中 ， 用 户 会 使 用 
<mx:HTTPService> 组 件 的 形式 对 HTTPService 进行 访问 。<mx:HTTPServcie> 组 件 在 IDX.IPc. 
http.mxml 包 下 。 

<mx:HTTPService> 组 件 的 属性 和 方法 与 HITPService 类 的 完全 相同 ， 可 参考 表 15-1。 下 
面 通过 实例 来 介绍 该 组 件 的 具体 用 法 。 


在 上 述 代 码 中 ,设置 HTTPService 的 id、url、method 等 属性 ， 并 且 指 定 了 错误 处 理 函 数 
和 结果 处 理 函 数 。 在 <mx:request> 组 件 中 定义 了 3 个 参数 ， 这 样 用 户 在 使 用 时 ， 就 可 以 直接 调 


用 HITPService 对 象 的 send0 方 法 ， 而 无 须 在 send() 方 法 中 重新 设置 参数 。 

HTTPService 对 象 还 可 以 发 送 XML 数据 ， 发 送 XML 数据 有 两 种 实现 方法 ， 分 别 如 下 
所 示 。 
口 把 XML 数据 作为 request 对 象 的 一 个 属性 
例如 : 


在 上 述 代码 中 创建 了 一 个 Object 对 象 paras, 并 且 设 置 其 info 属性 为 一 段 XML 类 型 数据 ， 
最 后 调用 HTTPService 对 象 的 send( 方 法 发 送 该 对 象 paras。 

口 以 XML 形式 发 送 数据 

例如 : 


以 XML 形式 发 送 数据 时 ， 必 须 设 定 HTTPService 对 象 的 contentType 属性 为 application/ 
xml， 默 认 情况 下 是 application/x-www-form-urlencoded， 例 如 如 下 代码 : 


使 用 XML 数据 , 便于 处 理 结构 复杂 的 数据 ,而 且 XML 格式 符合 Web 标准 ， 所 有 的 服务 
器 端 语言 都 能 够 方便 地 解析 ， 使 得 程序 有 良好 的 移植 性 。 

发 送 HTTP 请 求 后 ， 就 可 以 对 服务 器 端 返回 的 数据 进行 处 理 。 结 果 处 理 函 数 和 错误 处 理 
函数 与 使 用 HTTPService 类 库 时 完全 相同 ， 这 里 就 不 再 重复 。 


15.3 ”HTTPService 应 用 实例 一 一 留言 本 


在 日 常 的 网 站 应 用 中 ， 留 言 本 模块 是 一 个 非常 常见 的 模块 。 留 言 本 是 网 站 管理 人 员 和 用 
户 、 用 户 与 用 户 之 间 交 流 的 常用 平台 。 本 小 节 根据 前 面 掌握 的 知识 ， 使 用 HTTPServervice 方 
式 与 数据 库 交互 ， 创 建 一 个 简单 的 留言 本 应 用 实例 。 

15.3.1 编写 ASPNET 程序 


Flex 对 当前 主流 的 服务 器 端 开发 技术 ASPNET、PHP、J2EE 都 进行 了 集成 开发 支持 ， 用 


448， 


户 可 以 根据 需要 选择 合适 的 服务 器 端 开 发 技术 。 在 本 实例 中 ， 将 应 用 ASPNET 服务 器 端 开发 


技术 。 


在 创建 留言 本 之 前 ， 首 先 需要 对 该 留言 本 所 涉及 到 的 功能 进行 需求 分 析 ， 接 下 来 需要 创 


建 数据 库 ， 存 放 该 实例 中 所 涉及 到 的 数据 。 


在 本 实例 中 ， 使 用 Access 数据 库 来 存放 数据 。 在 数据 库 中 ， 设 计 了 两 个 数据 表 : 存放 留 
言 信息 的 MessageInfo 表 和 存放 管理 员 账 户 信 息 的 admininfo 表 。 这 两 个 表 的 字段 、 类 型 及 说 


明 分 别 如 表 15-2、 表 15-3 所 示 。 


表 15-2 MessageInfo 表 


表 15-3 admininfo 表 


id 自动 编号 
userName 文本 
theme 文本 
content 备注 
id 自动 编号 
adminname 文本 
pwd 文本 


数据 表 创 建 完成 后 ， 就 可 以 在 服务 器 端 创建 ASPNET 程序 代码 。 首 先 创建 用 于 验证 管理 


员 账 户 正 确 性 的 代码 ， 如 代码 15.5 所 示 。 


代码 15.5 ”验证 管理 员 信息 


唯一 标识 每 一 条 留言 信息 


唯一 标识 每 一 条 账户 信息 


在 代码 15.5 中 , 使 用 Request.QueryString0 方 法 获取 HTTPService 请 求 中 的 管理 员 账 户 和 
密码 等 信息 。 然 后 连接 数据 库 ， 定 义 具体 的 SQL 语句 进行 查询 ， 判 断 当 前 获取 到 的 账户 和 密 
码 信息 在 数据 表 中 是 否 存 在 ， 并 返回 相应 的 类 似 XML 类 型 的 字符 串 。 在 Flex 程序 中 ， 就 可 
以 根据 相应 的 返回 结果 ， 进 行 具体 的 处 理 。 


留言 信息 是 留言 本 的 核心 ， 因 此 对 留言 信息 的 操作 就 显得 尤其 重要 。 在 本 实例 中 ， 定 义 
了 显示 当前 所 有 留言 、 添 加 留言 、 删 除 留言 等 操作 的 具体 代码 ， 如 代码 15.6 所 示 。 


代码 15.6 ”操作 数据 
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string strSel = "delete from MessageInfo where id=" + itemID; 
OleDbConnection MyConn = new OleDbConnection(Connstr); 
OleDbCommand MyComm = new OleDbCommand(strsel, MyConn); 
MyComm.Connection.Open(); 
dr = MyComm.ExecuteReader (); 
dr.close(); 
MyConn.cClose(); 
¥ 
</script> 


在 代码 15.6 中 ， 首 先 定义 了 一 些 经 常 使 用 的 变量 对 象 ， 然 后 创建 了 3 个 函数 : 
ShowAllUserInfo()、InsertItem()、DeleteItem()。 最 后 程序 初始 化 时 ， 根 据 获取 到 的 HTTP 请 求 
中 的 参数 值 ， 判 断 、 执 行 相对 应 的 函数 ， 完 成 特定 的 数据 操作 。 

口 在 函数 ShowAllUserInfo0 中 ， 使 用 OledbDataReader 对 象 的 Read0 方 法 获取 
MessageInfo 表 的 所 有 信息 ， 存 放 在 变量 XmlStr 中 ， 并 且 使 用 Response.Write() 方 法 
返回 。 

口 在 函数 InsertItem() 中 ， 定 义 了 3 个 参数 : newName、theme、content， 分 别 代表 留言 
人 的 姓名 、 主 题 、 内 容 。 根 据 获取 HTTPService 请 求 中 的 userName、theme、content 
参数 值 ， 执 行 SQL 语句 ， 向 数据 库 中 插入 数据 。 

口 在 函数 DeleteItem() 中 ， 定 义 一 个 参数 itemID， 根 据 获取 HTTPservice 请 求 中 的 
DelActionID 参数 值 ， 执 行 SQL 语句 ， 人 删除 数据 库 中 的 相应 记录 。 


15.3.2 创建 虚拟 目录 


服务 器 端 代码 设计 完成 后 ， 下 面 来 创建 基于 ASPNET 服务 器 端的 Flex 项 目 程序 。 基 于 
ASPNET 服务 器 端的 Flex 应 用 运行 在 Microsoft 公司 的 IIS (Internet Information Service) 上 。 
IIS 是 由 Microsoft 公司 随 着 Windows 操作 系统 发 布 的 一 款 Web 服务 器 。 同 时 ， 它 也 是 运行 
ASP 和 ASPNET 程序 的 应 用 服务 器 。 如 果 用 户 的 机 器 上 没有 安装 IIS, 可 以 通过 添加 Windows 
组 件 的 方式 安装 IIS 服务 器 。 

在 创建 Flex 项 目 之 前 , 首先 为 该 Flex 项 目的 根 文件 夹 设置 虚拟 目录 , 具体 过 程 如 下 所 示 。 

(1) 首先 ， 在 【Internet 信息 服务 】 对 话 框 中 右 击 【默认 网 站 】)， 从 弹出 的 快捷 菜单 中 选择 
【新 建 】| 【虚拟 目录 】 命令， 打开 【虚拟 目录 新 建 向 导 】 对 话 框 。 

(2) 单 击 【 下 一 步 】 按 钮 ， 打 开 【 创 建 虚拟 目录 名 】 对 话 框 ， 如 图 15-4 所 示 。 

在 【创建 虚拟 目录 名 】 对 话 框 中 仅 有 一 个 文本 框 ， 该 文件 框 的 作用 是 指定 虚拟 目录 的 名 
称 ， 这 在 以 后 访问 该 目录 下 的 文件 时 需要 用 到 。 

(3) 在 输入 完 虚拟 目录 的 名 称 后 ， 单 击 【 下 一 步 】 按 钮 ， 打 开 如 图 15-5 所 示 的 【网 站 内 
容 目录 】 对 话 框 。 在 【网 站 内 容 目录 】 对 话 框 中 ， 需 要 为 新 建 的 虚拟 目录 指定 相对 应 的 本 地 
路 径 ， 这 样 就 将 本 地 路 径 与 虚拟 目录 相 联 系 起 来 。 

(4) 单 击 【下 一 步 】 按 钮 ， 打 开 如 图 15-6 所 示 的 【访问 权限 】 对 话 框 。 为 了 保证 网 站 的 
安全 ， 通 常 只 需要 保留 默认 的 选项 即 可 。 
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谎 拟 目录 他 建 向 导 3 库 报 目录 名 了 建 向导 
虚拟 目 寻 别 各 
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图 15-4 【创建 虚拟 目录 名 】 对 话 框 图 15-5 【网 站 内 容 目录 】 对 话 杠 


虚拟 目录 创建 向 导 
访问 权限 

设置 虚拟 目录 的 沪 问 权限 。 

交 许 下 列 权限 : 

厅 读 职 8 

厅 运行 脚本 ASP) (5) 

厂 执行 do ISAFI 应 用 程序 或 CeT) @) 
m3 和 AW 

厂 浏览 @) 

单 击 “ 下 一 步 ” 按钮 完成 向 导 


| 


图 15-6 访问 权限 设置 


(5) 接着 单 击 【 下 一 步 】 按 钮 ， 完 成 虚拟 目录 的 创建 。 虚 拟 目录 创建 完成 后 ， 就 可 以 在 
该 文件 夹 下 创建 基于 ASPNET 服务 器 端 技术 的 Flex 项 目 。 


15.3.3 ”留言 本 界面 与 功能 实现 


在 15.3.2 小 节 中 已 经 配置 了 IIS 服务 器 环境 , 创建 了 虚拟 目录 , 那么 接 下 来 就 进行 具体 的 
界面 设计 。 在 该 实例 中 ， 将 留言 本 功能 分 为 4 个 简单 的 模块 : 留言 信息 列表 模块 、 添 加 留言 
模块 、 查 看 留言 详细 信息 模块 、 管 理 员 登 录 并 管理 留言 模块 。 本 节 将 分 别 对 各 个 模块 的 布局 
及 功能 实现 进行 详细 地 讲解 。 


在 网 站 的 开发 过 程 中 ， 页 面 的 布局 非常 重要 ， 一 个 优秀 的 页 面 布局 是 网 站 成 功 的 一 半 。 
在 本 实例 中 ， 使 用 VDividedBox 组 件 将 页 面 垂直 分 割 成 为 两 部 分 : 第 一 部 分 在 页 面 的 顶部 显 
示 网 站 的 logo 信息 ， 并 创建 一 些 快捷 命令 ， 比 如 管理 员 登 录 等 ; 第 二 部 分 是 留言 本 的 主 内 容 
模块 ， 在 该 模块 中 ,使 用 ViewStack 组 件 创建 不 同 的 视图 ， 每 个 视图 代表 具体 的 功能 模块 。 页 
面 的 布局 代码 如 代码 15.7 所 示 。 


代码 15.7 留言 本 界面 框架 


在 代码 15.7 中 ， 使 用 <mx:Script source="xxLib.as" />， 引 用 了 外 部 .as 文件 ， 该 文件 定义 
了 各 个 功能 模块 所 使 用 到 的 所 有 功能 代码 。 在 VDividedBox 组 件 上 , 定 了 一 个 新 的 状态 adtmin， 
当 管 理 员 登录 成 功 时 显示 该 状态 界面 。 在 该 状态 中 ， 创 建 了 一 个 新 的 按钮 ， 用 于 删除 留言 信 
息 ， 设 置 【 写 新 留言 【管理 员 登 录 】 和 【新 增 】 按 钮 不 可 见 ， 并 且 修 改 Label 组 件 的 text 
属性 ， 显 示 管 理 员 账号 信息 。 

在 顶部 logo 信息 部 分 ， 创 建 了 两 个 LinkButton 组 件 , 创建 了 【 写 新 留言 ] 和 【管理 登录 】 


两 个 快捷 命令 ， 并 分 别 设置 其 click 事件 。 
在 xxLib.as 文件 中 添加 代码 ， 具 体内 容 如 代码 15.8 所 示 。 


代码 15.8 ”添加 程序 应 用 和 创建 公用 函数 


在 代码 15.8 中 ， 添 加 了 一 些 引用 、 声 明了 3 个 全 局 变量 和 创建 了 两 个 函数 。 其 中 ， 函 数 
exitto0 设 置 ViewStack 组 件 的 selectedChild 属性 为 listall， 即 返回 到 留言 列表 界面 ， 函 数 
showLogin() 设 置 ViewStack 组 件 的 selectedChild 属性 为 adminlogin， 即 进入 管理 员 登 录 界 面 。 


留言 列表 界面 是 用 户 进入 留言 的 主 界面 。 在 该 界面 中 ， 使 用 DataGrid 组 件 显示 所 有 留言 
信息 列表 。 在 DataGrid 组 件 中 创建 了 4 列 : 编号 、 姓 名 、 主 题 和 内 容 ， 并 且 分 别 设置 每 一 列 
的 dataField 属性 。 在 DataGrid 组 件 下 面 创建 了 两 个 Buttoon 按钮 ， 分 别 用 于 新 增 留言 和 查看 
详细 留言 信息 。 具 体 代码 如 代码 15.9 所 示 。 


代码 15.9 ”留言 信息 列表 界面 


在 创建 DataGrid 组 件 时 ， 并 没有 指定 相应 的 数据 源 。 那 么 在 页 面 加 载 时 ， 就 需要 向 服务 
器 端 发 送 请 求 ， 获 取 数据 源 ， 如 代码 15.10 所 示 。 


代码 15.10 ”获取 留言 信息 


在 代码 15.10 中 , 创建 了 函数 initApp0， 当 页 面 加 载 时 调用 。 在 函数 initApp0 中 ， 创 建 了 
HITPService 对 象 的 实例 objHTPS， 设置 该 实例 对 象 的 url 属性 ， 并 指定 回调 函数 为 
ShowMessageList(), 错误 处 理 函 数 为 faultHandler()。 在 函数 ShowMessageList0 中 ,设置 DataGrid 
组 件 的 dataProvider 属性 ， 配 置 数据 源 。 在 函数 faultHandler0 中 ， 弹 出 具体 的 错误 信息 。 

留言 列表 界面 的 具体 显示 效果 如 图 15-7 所 示 。 
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15-7 ”留言 列表 


当 用 户 单 击 【 写 新 留言 】 命 令 或 者 【新 增 】 按 钮 时 ， 就 会 进行 【新 增 留言 】 界面 。 在 该 
界面 中 , 使 用 Form 表单 组 件 进行 布局 , 接受 用 户 输入 的 留言 信息 。 具体 布局 代码 如 代码 15.11 
所 示 。 


代码 15.11 新 增 留言 界面 


在 代码 15.11 中 ， 创 建 了 两 个 命令 按钮 ,【 提 交 留 言 】 和 【取消 】 按 钮 。 其 中 ,【 取 消 】 按 
钮 调用 函数 exitto0， 返 回 留 言 信息 列表 ;按钮 【提交 留言 】 调用 HTTPService 对 象 的 Send0 
方法 ， 将 用 户 输入 的 留言 信息 发 送 到 服务 器 端 进行 处 理 。 这 里 首先 创建 了 一 个 HTTPService 
对 象 ， 如 代码 15.12 所 示 。 


代码 15.12 创建 新 增 留言 的 HTTPService 对 象 


在 代码 15.12 中 创建 了 一 个 HTTPService 对 象 , 将 用 户 输入 的 留言 信息 作为 参数 发 送 给 服 
务 器 端 。 声 明 url 属性 , 并 且 指定 结果 处 理 函 数 为 myHandler0, 错误 处 理 函 数 为 faultHandler()。 
下 面 列 出 了 该 界面 的 具体 功能 代码 ， 如 代码 15.13 所 示 。 


代码 15.13 ”实现 新 增 留言 功能 


在 代码 15.13 中 , 创建 了 4 个 函数 。 其 中 , 函数 show0, 用 于 控制 留言 人 姓名 不 可 以 为 空 ， 
当 用 户 启用 【匿名 留言 】 选 项 时 ， 默 认 留 言 人 姓名 为 “游客 ” 函数 myHandler0， 获 取 服 务 
器 返回 结果 ， 添 加 成 功 后 显示 提示 界面 跳 转 信息 ; 函数 selecthandler0 用 于 监听 用 户 的 选择 ， 
如 果 用 户 选 择 Yes， 则 调用 函数 exitto0， 返 回 到 留言 信息 列表 界面 ， 如 果 用 户 选 择 NO， 则 清 
空 文本 框 中 所 有 信息 ， 继 续 添加 留言 ， 函 数 faultHandler0 用 于 当 发 生 错 误 时 ， 显 示 相 应 的 错 
误 信息 。 

新 增 留 言 界面 的 具体 效果 如 图 15-8 所 示 。 

当 用户 选 择 Yes 按钮 后 ， 返 回 到 留言 信息 列表 ， 即 可 看 到 新 增 的 留言 信息 已 经 添加 成 功 ， 
如 图 15-9 所 示 。 


在 留言 列表 界面 ， 列 出 了 所 有 的 留言 信息 。 但 是 由 于 页 面 大 小 有 限 ， 不 可 以 把 所 有 的 留 
言 内 容 都 显示 出 来 。 这 时 就 可 以 选择 需要 查看 的 留言 ， 单 击 【 查 看 详细 信息 】 按 钮 ， 打 开 查 
看 留言 详细 信息 界面 。 该 界面 的 布局 代码 如 代码 15.14 所 示 。 
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15-9 添加 留言 后 的 留言 列表 


代码 15.14 ”查看 留言 详细 信息 界面 


在 代码 15.14 中 ， 使 用 Text 组 件 和 TextArea 组 件 显示 详细 的 留言 信息 。 实 现 该 页 面 的 具 


体 功能 代码 如 代码 15.15 所 示 。 
代码 15.15 ”获取 留言 详细 信息 


在 代码 15.15 中 ， 使 用 让 "else 语句 判断 用 户 是 否 选择 了 留言 ， 如 果 是 ， 则 获取 该 数据 行 
的 留言 人 姓名 、 主 题 、 内 容 等 信息 ， 并 在 相应 的 组 件 中 显示 出 来 ， 如果 否 ， 则 提示 用 户 “ 请 
选择 一 项 留言 !”。 查 看 留言 详细 信息 界面 的 具体 显示 效果 如 图 15-10 所 示 。 由 于 篇 幅 问题 ， 这 
里 并 没有 设计 回复 留言 模块 。 
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图 15-10 查看 留言 详细 信息 


[ 5. 管理 员 登 录 ] 


单 击 项 部 的 【管理 员 登 录 】 命 令 ， 就 可 以 进入 管理 员 登 录 界面 。 该 界面 非常 简单 ， 具 体 
的 布局 代码 如 代码 15.16 所 示 。 


代码 15.16 ”管理 员 登 录 界面 


<mx:Canvas id="adminlogin" label="adminlogin" width="100%" height="100%"> 
<mx:Panel width="385"” height="214" title=" 管 理 员 登录 " x="194.5" y="10" 
fontSsize="12" layout="absolute"> 
<mx:Label x="69" y="28" text=" 用 户 名 : " width="67"/> 
<mx:Label x="69" y="78" text=" 密 码 : " width="67"/> 
<mx:TextInput id="txtl" x="127" y="26"/> 
<mx:TextInput id="txt2" x="127" y="76" displayAsPassword="true"/> 
<mx:Button x="95" y="130"” labe1l=" 登 录 " click="check.send();"/> 
<mx:Button x="202" y="130" label=" 取 消 " click="exitto()"/> 


</mzx:Panel> 


</mx:Canvas> 


在 代码 15.16 中 ,设置 【取消 】 按 钮 的 click 事件 调用 函数 exitto0， 返 回 留言 列表 。 设 置 
【登录 】 按 钮 的 click 事件 调用 HITPService 对 象 的 send() 方 法 ， 发 送 HTTPService 请 求 。 在 这 
里 创建 了 id 为 check 的 HTTPService 对 象 ， 具 体 代码 如 代码 15.17 所 示 。 


代码 15.17 用 于 验证 登录 的 HTTPService 对 象 


互 


<mx:HTTPService id="check" url="../dataBase/Default .aspx" method="GET" result= 
"resultLoginhandle (event)" fault=" faultHandler (event)"> 


<mx:request> 
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<name>{txtl .text}</name> 
<pwd>{txt2 .text}j</pwd> 
</mx:request> 
</mx:HTTPService> 


在 HITPService 对 象 中 , 设置 url 属性 ， 并 声明 了 结果 处 理 函数 为 resultLoginhandle(), 错 
误 处 理 函 数 为 faultHandler0。 函 数 faultHandler() 在 前 面 已 经 多 次 用 到 ， 这 里 就 不 再 重复 。 下 
面 给 出 了 结果 处 理 函 数 resultLoginhandle0 的 具体 代码 ， 如 代码 15.18 所 示 。 


代码 15.18 ”结果 处 理 函 数 : resultLoginhandle(event:ResultEvent) 


// 登 录 事 件 结果 处 理 函 数 
public function resultLoginhandle (event:ResultEvent) :voidi 
Var returnValue:String=check.lastResult.result.state; 
if(returnValue=="ok"){ 
username .text=txt1l1.text+", 欢迎 回来 ! " 
exitto(); 
currentstate="admin"; 
} 
elsef{ 
Alert .show ("您 的 登录 失败 了 ", "提示 信 息 ", Alert .OK,this,null,null,Alert.YES); 
} 
} 


在 结果 处 理 函 数 中 ， 首 先 获取 服务 器 端 返回 结果 ， 使 用 让 .else 语句 进行 判断 ， 如 果 登 录 
成 功 则 显示 管理 员 账号 ， 调 用 函数 返回 留言 列表 界面 ， 并 且 设 置 当前 状态 为 adtmin， 即 显示 管 
理 员 状态 。 具 体 的 登录 界面 和 登录 成 功 后 后 界面 如 图 15-11 和 图 15-12 所 示 。 
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图 15-11 管理 员 登 录 
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图 15-12 管理 员 登 录 成 功 后 的 界面 


在 管理 员 界 面 ， 管 理 员 不 可 以 新 增 留言 ， 只 可 以 查看 留言 详细 信息 。 但 是 管理 员 可 以 进 
行 删除 留言 操作 。 实 现 该 功能 的 具体 代码 如 代码 15.19 所 示 。 


代码 15.19 ”删除 留言 
/站 于 
* 在 列表 中 单 击 【删除 〗】 按 钮 后 执行 
* 弹出 一 个 提示 对 话 框 确认 操作 ， 事 件 转 到 deleteclickHandler 处 理 
*/ 
private function deleteItem() :void{ 
if (dgData.selectedItem) 
Alert .show ("确定 要 删除 选 定 的 记录 ?2"， 
"删除 提示 "， 3， this，deleteclickHandler) 7 


private function deleteClickHandler (event:CloseEvent) :voidi{ 
ObjHTPS .disconnect () 7 
// 当 前 选择 所 在 行 的 索引 
var indexForDelete:Number = dgData.selectedIndex.valueOf () 
//var currItem:XML=dgData.selectedItem; // 获 取 当 前 选择 行 的 数据 
var indexID:String=dgData.selectedItem.id;// 获 取 选 择 的 id 值 
IE (event.detail == Alert.YES){ 
ObjHTPS .url="../dataBase/save mdb.aspx"; 
ObjHTPS .method="GET"; 
ObjHTPS .addEventListener (ResultEvent .RESULT, ShowMessageList); 


在 代码 15.19 中 ， 当 管理 员 单 击 【 删 除 】 按 钮 后 ， 判 断 当前 选择 的 留言 it， 并 创建 
HTTPService 对 象 ， 发 送 HTTPService 请 求 ， 把 留言 id 作为 参数 传递 给 服务 器 端 进行 处 理 ， 
删除 该 留言 信息 。 

管理 员 删 除 留言 的 具体 效果 如 图 15-13 所 示 。 
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图 15-13 ”删除 留言 


15.4 使 用 WebService 与 服务 器 端 交互 


WebService 是 一 种 在 互联 网 中 提供 服务 的 技术 。WebService 技术 标准 由 各 大 软件 开发 商 
制定 ， 主 要 解决 了 不 同 开发 语言 间 的 沟通 问题 。WebService 具有 通用 性 ， 不 论 用 何 种 语言 开 
发 的 WebService 服务 ， 调 用 的 结果 都 一 致 。 这 是 因为 WebService 有 自身 的 标准 ， 与 开发 语言 
无 关 。 用 户 可 使 用 几乎 任何 语言 调用 WebService 服务 ， 只 要 能 找到 WebService 服务 并 且 传递 


正确 的 参数 。 
WebService 技术 在 国内 外 已 有 较 广 泛 的 应 用 。 例 如 ， 每 日 的 天 气 情况 、 股 票 走势 等 都 是 


免费 的 WebService 服务 .Flex 应 用 程序 中 使 用 <mx:WebService> 组 件 可 方便 地 调用 WebService 
服务 。 


在 Flex 3.0 中 ，mx.rpe.soap 下 提供 了 一 个 WebService 类 。 使 用 WebService 对 象 与 服务 器 
端 通信 与 使 用 HTTPService 非常 相似 ， 也 是 使 用 HTTP 协议 来 进行 通信 ， 但 是 其 运作 原理 却 
截然 不 同 。WebService 类 常用 的 属性 与 方法 如 表 15-4 所 示 。 


表 15-4 WebService 类 常用 的 属性 与 方法 


description 


destination 属性 String 类 型 ， 当 前 Web 服务 的 接受 方 

endPointURL 属性 String 类 型 ， 当 前 Web 服务 的 位 置 

headers 属性 Array 类 型 ， 只 读 属性 。 注 册 在 当前 WebService 上 的 一 组 SOAPHeaders 
数组 

makeObjectBindable ”属性 Boolean 类 型 ， 如 果 为 tue， 返 回 的 不 知名 对 象 强制 被 绑 定 到 Object 

port 属性 String 类 型 ，WebService 使 用 的 端口 

rootURL 属性 String 类 型 ， 指 明 根 URL， 使 用 的 WebService 统一 使 用 该 URL 

service 属性 String 类 型 ， 指 明 当前 WebService 当中 的 wsdl 文档 指明 的 服务 

useProxy 属性 Boolean 类 型 ， 指 明 是 否 使 用 Flex proxy 服务 ， 如 果 使 用 该 服务 则 需要 
在 LCDS 当中 描述 WebService 

wsdl 属性 String 类 型 ，WebService 的 wsdl 文档 的 位 置 

WebService() 方法 构造 方法 ， 参 数 为 destination， 是 String 类 型 ， 默 认 值 为 null，rootURL 
是 String 类 型 ， 默 认 值 为 null。 返 回 一 个 新 的 WebService 

addHeader() 方法 参数 为 hbead， 是 SOAPHeaders 类 型 。 没 有 返回 值 

canLoadWSDL() 方法 无 参数 ， 返 回 值 是 Boolean 类 型 。 是 否 可 以 加 载 WSDL 文档 

clearHeader() 方法 无 参数 ， 无 返回 值 。 清 除 所 有 的 hearders 

loadWSDLO 方法 参数 为 uri， 是 String 类 型 ， 默 认 值 为 null， 没 有 返回 值 。 加 载 WSDL 
文档 


与 HTTPService 相 比 ，WebService 多 了 一 个 operation 对 象 ， 该 对 象 表示 要 调用 的 方法 ， 
name 属性 就 是 方法 名 。 在 operation 对 象 中 ， 可 以 包含 request 对 象 ， 指 定 要 传递 的 参数 。 


与 使 用 HTTPService 一 样 ， 在 Flex 中 用 户 通常 会 使 用 <mx:WebService> 组 件 的 形式 来 对 
WebService 进行 访问 。<mx:WebService> 组 件 在 mx.rpc.soap.mxml 包 下 ， 该 组 件 实例 代码 如 代 
码 15.20 所 示 。 


代码 15.20 <mx:WebService> 组 件 实例 


在 代码 15.20 中 ， 创 建 了 一 个 用 于 查询 城市 天 气 的 WebService 对 象 ， 设 置 其 id、wsdl、 
showBusyCursor、useProxy 等 属性 。 在 <mx:operation> 中 设置 其 name 属性 为 GetWeather， 并 
指明 了 结果 处 理 函 数 为 resultFlexWeather(event)。 在 <mx:request> 中 创建 参数 ， 这 里 将 城市 作 
为 参数 进行 传递 。 

创建 完成 后 ， 在 程序 中 就 可 以 使 用 如 下 语句 发 送 WebService 请 求 。 


接 下 来 需要 在 Flex 程序 中 创建 结果 处 理 函 数 ， 具 体 代 码 如 下 所 示 。 


在 上 述 代码 中 ， 创 建 结果 处 理 函 数 resultFlexWeather0。 在 函数 中 ， 获 取 返 回 结果 ， 并 对 
结果 进行 分 割 ， 最 后 将 分 割 后 的 数据 分 别 在 不 同 的 组 件 上 显示 出 来 。 


15.5 ”WebService 应 用 实例 


域名 查询 是 网 站 非常 常见 的 功能 之 一 ， 可 以 方便 地 查询 用 户 需 要 注册 的 域名 是 否 已 经 被 
注册 。 那 么 在 本 次 实例 中 ， 将 通过 WebService 创建 一 个 域名 查询 的 实例 。 


15.5.1 编写 服务 器 端 程序 


前 面 讲 到 ， 服 务 器 端 代码 与 Flex 程序 代码 相互 独立 ， 在 Flex 中 只 需要 提供 相应 的 访问 接 


口 就 可 以 与 服务 器 端 代码 交互 。 这 里 首先 设计 服务 器 端 程序 。 具 体 步 骤 如 下 所 示 。 
(1) 打开 Microsoft Visual Studio 2008， 选 择 【 文 件 】| 【新建 】|【 网 站 】 命令， 弹出 【新 
建 网 站 】 对 话 框 ， 选 择 【ASPNET Web 服务 】 模 板 ， 如 图 15-14 所 示 。 


[erewrras 加 回国 


Pei] 
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15-14 创建 ASPNET Web 服务 


(2) 单 击 【浏览 】 按 钮 ， 选 择 项 目 路 径 。 选 择 完成 后 单 击 【 确 定 】 按 钮 完成 创建 。 

(3) 编写 WebService 。 在 新 建 “ASPNET Web 服务 ”项 目 后 会 自动 生成 一 个 名 为 
Service.asmx 的 文件 。.asmx 格式 文件 即 为 WebService 文件 。 按 F7 快捷 键 ， 打 开 Service.asmx 
的 后 台 代码 Service.cs， 编 写 WebService 代码 。 具 体 如 代码 15.21 所 示 。 


代码 15.21 域名 查询 的 服务 器 端 代 码 


在 代码 15.21 中 ， 创 建 了 一 个 方法 CheckWebsite0 。 该 方法 带 有 一 个 参数 website， 然 后 从 
"http://now.net.cn/domain/domaincheck.php?query=" + website 获取 查询 结果 并 赋予 变量 strurl。 
接 下 来 使 用 XmlDocument 对 象 的 Load() 方 法 加 载 变 量 strurl, 并 且 使 用 SelectSingleNode() 方 法 
获取 相应 节点 的 信息 赋予 变量 xmlstr。 最 后 返回 变量 xmlstr。 

(4) 保存 代码 。 这 样 就 完成 了 服务 器 端 代码 的 设计 。 


15.5.2 编写 Flex 程序 


服务 器 端 程序 开发 完成 以 后 , 就 可 以 来 设计 Flex 界面 和 具体 发 送 WebService 请 求 的 Flex 
端 功能 代码 。 具 体 步骤 如 下 所 示 。 

(1) 首先 设计 应 用 程序 窗 体 界面 ， 在 本 实例 中 ， 在 窗口 中 使 用 了 一 个 Panel 组 件 ， 在 该 容 
器 中 使 用 Label、Image、TextInput、TextArea 和 Button 按钮 等 组 件 创建 一 个 简单 的 域名 查询 
模块 。 具 体 布局 代码 如 代码 15.22 所 示 。 


代码 15.22 ”域名 查询 界面 


(2) 完成 布局 后 ， 使 用 <mx:WebService> 组 件 ， 创 建 WebService 对 象 ， 设 置 其 id、wsdl、 
showBusyCursor 和 useProxy 等 属性 , 设置 其 wsdl 属性 指向 前 面 创建 好 的 服务 器 端 程序 。 创 建 
<mx:operation> 和 <mx:request> 组 件 ， 在 <mx:operation> 组 件 中 定义 name 属性 ， 并 且 指 定 返回 
结果 的 类 型 和 结果 处 理 函 数 ， 在 <mx:request> 组 件 中 ， 将 用 户 输入 的 域名 作为 参数 进行 传递 。 
具体 如 代码 15.23 所 示 。 


代码 15.23 ”查询 域名 的 WebService 对 象 


”<mx:operation> 组 件 的 name 属性 定义 了 该 WebService 对 象 调用 的 方法 ， 必 须 
”与 服务 器 端 程序 中 创建 的 方法 名 相同 ， 否 则 将 会 出 现 错误 。 
(3) 接 下 来 设计 具体 的 结果 处 理 函 数 。 首 先 引 用 mx.rpc.events 的 ResultEvent 事件 ， 然 后 


声明 变量 res, 最 后 在 结果 处 理 函 数 resultFlex0 中 , 将 返回 结果 赋 于 变量 res。 具体 如 代码 15.24 
所 示 。 
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代码 15.24 ”处 理 返 回 结果 


<mx:Script> 
<! [CDATAT[ 
import mx.rpc.events.ResultEvent; 
[Bindable] 
public var res:String; 


// 结 果 处 理 函 数 


private function resultFlex(event:ResultEvent) :voidt{ 
res=event .result.toSstring(); 


]]> 
</mx:Script> 


(4) 设置 【查询 】 按 钮 的 click 事件 调用 selectwhois.CheckWebsite.send0 方 法 ， 发 送 
WebService 请 求 。 并 且 设 置 Text 组 件 result 的 text 属性 绑 定 为 变量 res 的 值 。 


;二 [全 


(5) 运行 程序 ， 具 体 的 显示 效果 如 图 15-15、 图 15-16 所 示 。 
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图 15-15 ”查询 结果 一 


突 | 起 hp jecaosyaulsyamelsryimrtaae/ 


ME ; www_TENENIETESTO mm 


民 吾 让 一 个 万 案 实 用 的 工具 ,可 以 方 信 查 光 讶 户 
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图 15-16 查询 结果 二 
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功能 齐全 的 FLV 播放 器 


内容 摘要 | 

FLV (Flash Video) 流 媒体 格式 是 随 着 Flash MX 的 推出 起 发 展 起 来 的 一 种 新 兴 的 视频 格 
式 。FLV 文件 体积 小 巧 ， 清 晰 的 FLV 视频 1 分 钟 为 1MB 左右 ， 一 部 电影 为 100MB 左右 ， 是 
普通 视频 文件 体积 的 /3。 再 加 上 CPU 占有 率 低 、 视 频 质量 良好 等 特点 使 其 在 网 络 上 盛行 ， 
目前 几 家 著名 的 视频 共享 网 站 均 采 用 FLV 格式 文件 提供 视频 。 本 章 将 讲述 如 何 制 作 一 款 功 能 
齐全 的 FLV 播放 器 。 


/学习 目标 |oujcctve 


> 掌握 需求 分 析 的 方法 

> 熟悉 FLV 播放 器 的 结构 

> 理解 XML 文件 作为 数据 源 的 优势 
> 掌握 主题 的 设计 方法 

> 掌握 色彩 矩阵 的 应 用 

> 熟悉 如 何 创建 自 定 义 事件 类 

> 掌握 如 何 应 用 自 定 义 事件 类 

> 掌握 自 定义 组 件 的 创建 方法 

> 掌握 自 定义 组 件 如 何 与 主 程序 交互 
> 掌握 事件 监听 过 程 


16.1 系统 概述 


做 任何 事情 ， 准 备 工作 都 是 必须 的 ， 开 发 一 个 系统 更 是 如 此 ， 所 以 才 会 出 现 很 多 种 软件 
工程 的 开发 模型 ， 如 组 件 对 象 模 型 。 在 开始 实际 编码 之 前 ， 首 先 介绍 一 下 系统 的 基本 情况 和 
需求 ， 实 现时 涉及 的 知识 和 其 他 相关 内 容 ， 便 于 读者 更 好 地 理解 系统 的 结构 。 

本 系统 使 用 了 外 部 XML 文件 作为 数据 源 ， 选 择 Flex Builder 3 作为 开发 软件 ， 实 现在 线 
播放 FLV 视频 文件 。 


和 | Os 


功能 齐全 的 FLV 播放 器 


16.1.1 需求 分 析 


需求 分 析 指 的 就 是 一 个 和 客户 交流 的 活动 ， 是 正确 引导 客户 能 够 将 自己 的 实际 需求 用 较 
为 适当 的 技术 语言 进行 表达 或 者 由 相关 技术 人 员 帮 助 表达 〉 以 明确 项 目 目的 的 过 程 。 这 个 
过 程 也 同时 包含 了 对 要 建立 的 系统 基本 功能 、 模 块 的 确立 和 策划 活动 。 
所 以 ， 在 设计 播放 器 之 前 应 该 注意 : 播放 器 设计 时 的 可 增长 性 功能 需求 、 安 全 性 及 可 靠 
性 的 要 求 、 播 放 器 的 运行 环境 、 页 面 总 体 风格 以 及 美工 效果 、 主 程序 和 用 户 组 件数 量 、 内 容 
管理 及 录入 任务 的 分 配 和 各 种 页 面 特殊 效果 等 因素 。 
总 之 ， 在 拿 到 项 目 后 应 分 成 许多 不 同步 又 来 分 析 和 实现 ， 它 们 包括 以 下 几 方 面 。 
口 整体 规划 整个 系统 ， 按 要 求 规划 好 每 一 个 子 系统 。 
口 开发 小 组 内 部 进行 细 分 ， 根 据 工程 的 难 易 ， 每 个 人 分 配 一 个 子 系统 或 者 多 个 子 系统 或 
者 多 个 人 分 配 一 个 子 系统 。 
口 根据 要 求 的 需要 ， 每 一 个 成 员 写 出 自己 的 模块 相关 文件 ， 具 体 的 目录 和 文件 名 。 再 统 
一 定义 程序 整体 的 风格 : 背景 颜色 、 图 片 、 组 件 及 背景 图 片 的 属性 ， 程 序 的 Logo 及 
其 大 小 等 。 
口 每 个 设计 人 员 按 照 规划 将 程序 所 涉及 的 所 有 模块 页 面 做 出 来 。 
口 开始 分 析 程 序 的 每 一 个 子 系统 的 数据 结构 ， 首 先 要 规划 出 数据 库 结 构 ， 然 后 建立 数 
据 表 。 


口 根据 上 面 的 数据 表 ， 建 立 数据 库 和 相应 的 数据 表 ， 提 交 实现 文档 。 

口 组 内 的 每 个 开发 成 员 开始 编写 子 系统 代码 ， 框 架设 计 ， 模 块 设计 ， 评 审 最 后 的 编码 。 
口 由 项 目 开发 组 组 长 或 者 负责 人 开始 合并 各 成 员 的 子 系统 , 并 检测 程序 的 完整 和 健壮 性 。 
口 编写 用 户 手 册 。 

下 面 以 “FLV 播放 器 ”系统 为 例 介绍 一 下 需要 的 功能 。 

口 FLYV 播放 显示 器 


这 是 该 系统 的 主体 ， 负 责 播放 当前 的 FLV 文件 ， 将 此 视频 显示 出 来 。 为 了 实现 能 在 网 络 
中 的 顺畅 播放 ， 要 求 播放 显示 器 具有 缓冲 视频 的 功能 。 

口 播放 控制 器 

提供 与 用 户 交 互 的 功能 ， 包 括 播放 与 暂停 、 设 置 视频 效果 及 全 屏 等 。 此 功能 增强 了 播放 
器 的 可 操作 性 ， 也 提高 了 用 户 的 兴趣 。 

口 播放 列表 

展示 给 用 户 可 以 播放 的 文件 列表 ， 用 户 可 以 通过 选择 播放 喜欢 的 视频 。 此 功能 增加 了 播 
放 器 的 使 用 范围 ， 不 仅仅 播放 单一 文件 。 


16.1.2 ”结构 设计 


FLV 播放 器 的 主要 作用 是 , 通过 加 载 外 部 XML 文件 , 分 析出 其 中 的 视频 文件 地 址 ， 将 所 
有 视频 资料 以 播放 列表 的 形式 展示 出 来 。 接 受用 户 对 播放 列表 中 视频 文件 的 选择 ， 并 将 选择 


的 视频 文件 播放 和 显示 出 来 。 接 受用 户 对 播放 的 控制 ， 包 括 改变 播放 、 暂 停 和 重播 。 接 受用 
户 对 视频 的 控制 ， 包 括 调整 亮度 、 对 比 度 、 饱 和 度 、 反 转 度 和 大 小 等 。 这 样 在 系统 中 需要 处 
理 的 对 象 有 播放 列表 、 视 频 显示 器 和 控制 器 等 。 其 功能 主要 包括 显示 播放 列表 、 处 理 用 户 选 
择 、 显 示 视频 文件 、 调 节 视 频 效果 和 大 小 等 。 

在 Flex Builder 3 中 ， 提 供 了 许多 组 件 。 这 些 组 件 都 集成 了 大 量 的 功能 ， 例 如 本 实例 中 用 
到 的 VideoDisplay 和 TileList 组 件 。 其 中 ，VideoDisplay 组 件 用 来 显示 视频 ，TileList 组 件 用 来 
显示 播放 列表 。 使 用 起 来 非常 容易 ， 不 需要 考虑 其 中 的 原理 ， 只 需要 设置 相关 属性 。 

当然 ， 这 些 组 件 只 是 提供 某 一 方面 较 全 的 功能 。 在 程序 开发 中 ， 开 发 者 还 要 对 其 扩展 ， 
开发 自己 的 组 件 ， 在 程序 中 调用 自己 的 组 件 。 通 过 编写 实现 某 一 具体 功能 的 组 件 ， 可 以 在 主 
程序 文件 中 调用 ， 利 用 简洁 的 语句 ， 就 可 以 实现 想 要 的 效果 。 这 样 既 方 便 阅 读 ， 又 使 得 程序 
开发 简单 化 。 表 16-1 中 列 出 了 系统 需要 使 用 的 文件 列表 及 其 完成 的 功能 描述 。 

表 16-1 系统 文件 列表 


hap16 neml ” 主 程序 页 面 


文件 myXMLWlaylistxml 播放 列表 文件 
eme\style.css 自 定义 主题 CSS 文件 
myEvents\PlayerEvent.as 对 视频 进行 控制 的 事件 处 理 类 
myEvents\PlayListEvent.as 对 播放 列表 进行 选择 的 事件 处 理 类 
myEvents\SettingEvent.as 对 视频 效果 进行 调节 的 事件 处 理 类 
myComponents\Player.mxml 视频 显示 和 控制 器 


myComponents\PlayList.mxml 视频 播放 列表 
myComponents\PlayListBox.mxml ”播放 列表 的 项 
myComponents\Setting.mxml 视频 调节 窗口 


myClass\ColorMatrix.as 对 色彩 进行 调整 的 色彩 矩阵 类 
css\Player.css 播放 器 界面 效果 的 CSS 文件 

文件 夹 css\Setting.css 调节 器 界面 效果 的 CSS 文件 
myXML 包含 系统 用 到 的 播放 列表 文件 
myTheme 包含 系统 的 自 定义 主题 用 到 的 文件 
myEvents 事件 处 理 类 文件 
myComponents 用 户 自 定义 组 件 文件 
myClass 自 定义 类 文件 
images 图 片 文件 
flv ELV 文件 


在 通过 表 16-1 对 FLV 播放 器 系统 进行 结构 分 析 之 后 ， 得 到 了 如 图 16-1 所 示 的 结构 及 各 
模块 的 功能 图 ， 这 里 仅 展 示 了 主要 的 功能 及 文件 描述 。 


视频 显示 和 控制 器 


视频 状态 显示 


PlayList.mxml 
PlayListBox.mxml 


选中 某 项 播放 


图 16-1 结构 功能 图 


16.2 ”数据 源 、 主 题 设计 和 色彩 矩阵 类 的 创建 


通过 上 节 的 系统 概述 ， 明 确 了 系统 的 功能 需求 、 系 统 结构 的 设计 。 本 节 重 点 介绍 系统 中 
数据 源 、 主 题 的 设计 和 自 定义 类 的 创建 ， 包 括 设计 数据 源 文件 及 其 格式 以 及 主题 的 相关 文件 ， 
另外 包括 自 定义 色彩 矩阵 类 的 创建 。 这 是 系统 的 必 备 基础 ， 本 系统 采用 XML 文件 作为 数据 源 
文件 。 


16.2.1 数据 源 文 件 及 其 格式 设计 


采用 何 种 形式 储存 数据 ， 是 系统 开发 中 重点 考虑 的 内 容 。 开 发 者 常常 会 碰 到 需要 处 理 以 
各 种 格式 保存 或 者 传输 数据 的 情况 ， 可 以 将 长 期 保存 的 数据 储存 成 文件 或 数据 库 ， 当 需要 时 
调用 。 选 择 何 种 形式 ， 应 该 根据 系统 的 要 求 ， 充 分 考虑 安全 性 、 保 密 性 、 易 检索 性 等 方面 。 
每 一 种 格式 都 需要 对 应 的 解析 器 ， 这 一 缺点 减缓 了 开发 进度 ， 而 且 可 能 会 导致 错误 的 发 生 。 
本 系统 采用 XML 文件 形式 ， 原 因 在 于 Flex Builder 3 对 XML 的 强大 支持 ， 操 作 XML 文 
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件 非常 容易 ， 并 且 XML 文件 本 身 也 有 很 多 优势 。 

XML 是 一 种 简单 的 数据 存储 语言 ， 使 用 一 系列 简单 的 标记 描述 数据 ， 而 这 些 标记 可 以 用 
方便 的 方式 建立 ， 虽 然 XML 比 二 进 制 数据 要 占用 更 多 的 空间 ， 但 XML 极其 简单 、 易 于 掌握 
和 使 用 。 

XML 与 Access、Oracle 和 SQL Server 等 数据 库 不 同 ,数据 库 提供 了 更 强 有 力 的 数据 存储 
和 分 析 能 力 ， 如 数据 索引 、 排 序 、 查 找 、 相 关 一 致 性 等 ，XML 仅仅 是 展示 数据 。 事实 上 XML 
与 其 他 数据 表现 形式 最 大 的 不 同 是 : 它 极其 简单 。 这 是 一 个 看 上 去 有 点 细微 的 优点 ， 但 正 是 
这 点 使 XML 与 众 不 同 。 

XML 的 简单 使 其 易于 在 任何 应 用 程序 中 读 写 数据 ， 这 使 XML 很 快 成 为 数据 交换 的 唯一 
公共 语言 。 虽 然 不 同 的 应 用 软件 也 支持 其 他 的 数据 交换 格式 , 但 不 久之 后 它们 都 将 支持 XML， 
那 就 意味 着 程序 可 以 更 容易 地 与 Windows、Mac OS、Linux 以 及 其 他 平台 下 产生 的 信息 结合 ， 
然后 可 以 很 容易 加 载 XML 数据 到 程序 中 并 分 析 它 ， 最 终 以 XML 格式 输出 结果 。 

XML 使 用 标签 来 表示 数据 。 标 签 由 包围 在 一 个 小 于 号 (<) 和 一 个 大 于 号 (>) 之 间 的 文 
本 组 成 ， 例 如 <tag>。 起 始 标签 〈start tag) 表示 一 个 特定 区 域 的 开始 ， 例 如 <start>;， 结束 标签 
(end tag) 定义 了 一 个 区 域 的 结束 。SGML 还 定义 了 标签 的 特性 〈Attribute)， 它 们 是 定义 在 小 
于 号 和 大 于 号 之 间 的 值 ， 例 如 <img sre="picture.jpg"> 中 的 src 特性 。 

本 系统 中 ， 用 到 的 数据 主要 是 播放 列表 ， 包 括 了 视频 文件 地 址 、 视 频 名 称 、 抓 图 和 描述 
等 。 播 放 列表 文件 (playlistxml) 的 内 容 如 下 所 示 。 


<?xml version="1.0" encoding="utf-8"?> 
<Videos> 
<video url="flv/01.flv" name=" 请 您 欣赏 优美 的 自然 风光 " pic="images/01.jpg" de- 
sciption=" 在 我 国有 很 多 优美 的 自然 风光 ， 大 家 有 时 间 的 话 可 以 去 游览 一 下 ， 比 如 该 片 中 的 地 
方 就 是 个 好 地 方 。"/> 
<video url="flv/02.flv" name=" 未 来 的 生活 " pic="images/02.jpg"desciption=" 
您 知道 未 来 的 生活 是 什么 样子 吗 ? 该 视频 中 给 您 展示 了 一 种 未 来 生活 ， 该 生活 具有 现代 化 的 一 切 
特征 。"/> 
<video url="flv/03.flv" name=" 学 累 了 就 去 这 里 和 逛 诞 " pic="images/03.jpg"descip 
tion=" 在 我 国有 很 多 优美 的 自然 风光 ， 大 家 有 时 间 的 话 可 以 去 游览 一 下 ， 比 如 该 片 中 的 地 方 就 是 
个 好 地 方 。"/> 


</Videos> 


16.2.2 程序 主题 设计 


每 一 个 程序 员 在 开发 程序 中 ， 都 想 使 自己 的 程序 界面 具有 某 种 特色 。 如 果 每 个 页 面 都 去 
设置 , 那样 工作 量 将 会 非常 庞大 , 特别 是 在 Flex Builder 中 , 对 CSS 样式 的 调整 需要 相当 精细 。 

开发 自己 的 主题 ， 将 是 明智 之 举 。 这 样 该 系统 的 所 有 页 面 将 统一 风格 ， 不 需要 再 单独 设 
置 ， 除 非 有 特殊 要 求 。 主 题 的 相关 知识 已 经 在 第 13.3.4 小 节 中 介绍 ， 读 者 可 以 参考 学 习 。 

首先 新 建 一 个 myTheme 文件 夹 , 用 来 存放 主题 文件 。 在 此 文件 夹 中 新 建 一 个 名 为 style.css 
的 样式 文件 ， 此 文件 中 定义 了 程序 中 用 到 的 组 件 样式 。 下 面 介绍 几 种 组 件 样式 的 定义 。 先 来 


看 影响 整个 场景 的 样式 定义 ， 主 要 是 global 的 字体 颜色 和 大 小 的 定义 ，Application 背景 的 设 
置 ， 代 码 如 下 所 示 。 


然后 是 TileList 组 件 的 样式 定义 ， 包 括 背 景 颜色 、 边 角 圆 滑 度 等 。 本 实例 中 ， 播 放 列 表 使 
用 的 是 该 组 件 。 该 组 件 的 样式 定义 代码 如 下 所 示 。 


再 来 看 Panel 和 TitleWindow 组 件 的 样式 定义 ， 主 要 包括 边框 样式 、 头 部 样式 、 背 景 颜色 
和 关闭 按钮 等 样式 项 目 。 本 实例 中 ， 播 放 显示 器 和 调节 器 将 受 影响 。 样 式 定义 代码 如 下 所 示 。 


接着 来 看 Hslider、ProgressBar 和 ToolTip 组 件 样式 的 定义 ， 主 要 包括 滑 块 的 图 片 、 滑 动 
轨道 的 图 片 、 进 度 条 的 颜色 、 工 具 提示 的 颜色 等 。 本 实例 中 ， 视 频 的 播放 状态 用 到 了 这 3 个 
组 件 。 样 式 定义 代码 如 下 所 示 。 


功能 齐全 的 FLV 播放 器 


verticalGap: 07 
themeColor: #3A3A3A; 
labelWidth: 0; 

} 

ToolTip { 
backgroundAlpha: 0.36; 
cornerRadius: 1; 
backgroundColor: #000000; 
colore FFEEEEER 
fontSize: 10; 

} 


创建 完成 之 后 ， 将 图 片 复制 到 myTheme 文件 夹 ， 通 过 项 目 属性 的 设置 ， 将 该 主题 应 用 到 
本 实例 项 目 中 。 设 置 成 功 后 ,将 TitleWindow、Hslider、Button 和 ProgressBar 组 件 添加 到 场景 
中 ， 运 行 后 ， 效 果 如 图 16-2 所 示 。 
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图 16-2 设置 自 定义 主题 后 效果 


16.2.3 色彩 矩阵 类 的 创建 


在 Flex 中 ， 可 视 化 对 象 可 以 用 和 矩阵 方便 地 操作 颜色 ，ColorMatrixFilter (flash filters.Color 
MatrixFilter) 在 颗粒 等 级 上 提供 给 用 户 更 好 的 控制 方法 。 

使 用 ColorMatrixFilter 类 可 以 将 4X5 和 矩阵， 转换 成 应 用 于 图 像 上 每 个 像素 的 RGBA 和 
Alpha 值 ， 以 生成 具有 一 组 新 的 RGBA 颜色 和 Alpha 值 的 结果 。 该 类 允许 饱和 度 更 改 、 色 相 
旋转 、 亮 度 为 Alpha 以 及 其 他 各 种 效果 。 可 以 将 滤 镜 应 用 于 任何 显示 对 象 ( 即 从 DisplayObject 
类 继承 的 对 象 )， 如 Button、Text、Video 以 及 Image 对 象 等 。 

ColorMatrixFilter 将 每 个 源 像素 分 离 成 它 的 红色 、 绿 色 、 蓝 色 和 Alpha 成 分 (可 选 ), 可 以 


将 偏 移 量 〈 介 于 -255 至 255 之 间 ) 添加 到 每 个 结果 〈 和 拖 阵 每 行 中 的 第 5 项 ) 中 。 滤 镜 将 各 颜 
色 成 分 重新 组 合 为 单一 像素 ， 并 写 出 结果 。 

本 实例 中 创建 的 ColorMatrix 类 , 可 以 创建 5X5 浮 点 数 和 矩阵 , 增加 一 行 虚拟 位 .ColorMatrix 
是 通过 5X5 矩阵 ， 对 图 像 颜 色 (包括 Alpha) 进行 的 几何 变换 。 理解 和 掌握 ColorMatrix 变换 ， 
能 使 显示 对 象 产 生 千变万化 的 效果 。 下 面 讲 述 ColorMatrix 类 的 创建 过 程 及 含义 。 

首先 在 Flex 中 新 建 一 个 名 为 ColorMatrix.as 的 类 文件 ， 该 类 继承 于 Array 类 。 为 该 类 添加 
3 个 常量 属性 ， 代 码 如 下 所 示 。 


然后 添加 私有 方法 copyMatrix0， 该 方法 将 指定 的 矩阵 复制 到 类 对 象 ， 这 里 用 到 对 数组 的 
赋值 操作 。 代 码 如 下 所 示 。 


添加 multiplyMatrix() 方 法 ， 该 方法 实现 类 对 象 与 指定 矩阵 相 乘 ， 这 是 对 矩阵 的 常用 操作 。 
在 改变 显示 对 象 亮度 、 对 比 度 等 性 质 时 都 会 用 到 。 代 码 如 下 所 示 。 


添加 cleanValue0 方 法 ， 该 方法 用 在 调整 显示 对 象 的 性 质 时 ， 保 证 所 调 值 在 一 定 的 范围 ， 
不 能 越界 。 代 码 如 下 所 示 。 


添加 fixMatrix( 方 法 ， 该 方法 将 指定 的 矩阵 转换 为 5X5 的 矩阵 ， 主 要 用 在 外 部 矩阵 传递 
进来 时 ， 对 外 部 矩阵 进行 处 理 。 代 码 如 下 所 示 。 


添加 构造 函数 ， 该 构造 函数 的 参数 默认 值 为 null， 通 过 调用 fixMatrix0 和 copyMatrix0 方 
法 ， 创 建 5X5 的 矩阵 。 代 码 如 下 所 示 。 


添加 调节 亮度 的 adjustBrightness( 方 法 ， 该 方法 通过 改变 R、G、B 这 3 个 通道 的 偏 移 量 ， 
实现 亮度 的 调节 。 代 码 如 下 所 示 。 


添加 adjustContrast() 方 法 ， 该 方法 用 来 调节 对 比 度 。 主 要 是 通过 调节 R、G、B 通道 的 主 
对 角 线 的 值 ， 以 及 R、G、B 通道 的 分 量 ， 达 到 对 比 度 的 调节 ， 代 码 如 下 所 示 。 


添加 adjustSaturation0 方 法 ， 该 方法 实现 调节 饱和 度 的 功能 。 通 过 改变 R、G、B 通道 上 
所 有 值 ， 达 到 色彩 饱和 度 的 调节 ， 代 码 如 下 所 示 。 


添加 adjustHue0 方 法 ， 该 方法 用 来 调节 反 转 度 。 主 要 是 通过 数学 运算 ， 包 括 正 、 余 弦 ， 
将 现 有 像素 反 转 ， 代 码 如 下 所 示 。 


添加 adjustColor0 方 法 , 该 方法 调用 上 文中 的 方法 , 对 显示 对 象 进行 综合 调节 , 包括 亮度 、 
对 比 度 、 饱 和 度 和 反 转 度 。 代 码 如 下 所 示 。 


16.3 ”编写 事件 类 


自 定义 组 件 和 主 程序 的 交互 ， 要 靠 不 同 参数 的 事件 实现 。 不 同 自 定义 组 件 中 的 相同 组 件 ， 
它们 的 事件 参数 是 相同 的 。 这 样 ， 主 程序 就 很 难 辨别 。 为 了 能 实现 不 同 自 定 义 组 件 传递 不 同 
的 时 间 参 数 ， 需 要 自 定义 的 事件 类 。 该 类 相当 于 自 定义 组 件 和 主 程序 间 的 桥梁 。 本 节 中 讲述 
了 本 实例 中 自 定义 的 3 个 事件 类 。 


16.3.1 视频 控制 器 事件 类 


视频 控制 器 事件 类 继承 自 Event 类 , 主要 是 在 视频 播放 和 控制 器 组 件 中 , 对 视频 播放 状态 
和 全 屏 的 事件 。 该 事件 构造 函数 的 参数 ， 就 是 事件 的 参数 。 代 码 如 下 所 示 。 


16.3.2 ”视频 调节 器 事件 类 


视频 调节 器 事件 类 ， 是 调节 器 中 的 事件 。 该 类 有 4 个 公有 属性 ， 包 括 了 亮度 、 对 比 度 、 
饱和 度 和 反 转 度 ， 可 以 从 外 部 访问 。 构 造 函数 的 参数 为 4 个 数字 ， 分 别 赋予 4 个 属性 ， 然 后 
发 送 参数 为 ChangeSetting 的 事件 到 事件 流 。 代 码 如 下 所 示 。 


16.3.3 ”播放 列表 事件 类 


播放 列表 事件 类 ， 是 播放 列表 中 的 事件 。 该 类 有 1 个 公有 属性 ， 是 一 个 Object 类 对 象 。 
构造 函数 的 参数 为 Object 类 对 象 ， 赋 予 属性 ， 然 后 发 送 参数 为 ChangePlayList 的 事件 到 事件 
流 。 代 码 如 下 所 示 。 


16.4” 自 定义 组 件 设 计 


将 具有 特定 功能 的 部 分 创建 为 自 定义 组 件 ， 通 过 事件 处 理 类 与 外 部 组 件 交 互 ， 这 是 程序 
对 象 化 设计 的 模式 。 本 实例 采取 的 就 是 这 种 设计 模式 ， 与 视频 播放 相关 的 功能 组 件 保存 到 


Playermxml 文件 中 ， 整 个 播放 列表 保存 到 PlayListmxml 文件 中 ， 播 放 列表 中 的 项 保存 到 
了 PlayListBox.mxml 文件 中 ,调节 器 保存 到 Setting.mxml 文件 中 。 下 面 对 各 个 自 定义 组 件 进行 详 
细 解 释 。 


16.4.1 视频 播放 和 控制 器 


视频 播放 和 控制 器 是 本 实例 中 的 核心 ， 主 要 实现 视频 的 加 载 与 播放 ， 视 频 状 态 的 显示 ， 
以 及 对 视频 的 操作 。 该 组 件 基于 Canvas 组 件 创建 ， 视 频 播放 使 用 VideoDisplay 组 件 ， 视 频 加 
载 进度 使 用 ProgressBar 组 件 ， 视 频 播放 进度 使 用 Hslider 组 件 ， 其 他 的 视频 控制 使 用 Button 
组 件 。 该 组 件 文件 的 内 容 及 布局 代码 如 下 所 示 。 


上 述 代 码 中 ，id 为 canvasPause 的 Canvas 组 件 ， 为 视频 播放 器 上 的 暂停 组 件 。 由 于 该 组 
件 所 处 深度 在 视频 播放 器 中 最 高 ， 单 击 视频 播放 器 ， 触 发 该 组 件 的 click 事件 。 

同上 ，id 为 canvasPlay 的 Canvas 组 件 ， 为 视频 播放 器 上 的 播放 组 件 。id 为 canvasRePlay 
的 Canvas 组 件 ， 为 视频 播放 器 上 的 重播 组 件 。 


显示 视频 播放 进度 的 Hslider 组 件 ， 其 trackSkin 属性 设置 为 一 张 半 透 明 图 片 。 这 样 ， 就 可 
以 看 到 视频 的 加 载 进度 条 了 。 


筷 标 移 到 组 件 上 方 显 示 手 的 形状 ， 除 了 设置 useHandCursor 为 tue 外 ， 还 要 设置 
buttonMode 为 tue。 


由 于 该 播放 器 要 实现 全 屏 显 示 功 能 ， 全 屏 后 该 视频 播放 和 控制 器 的 布局 要 发 生 改 变 。 使 
用 过 Flash 的 读者 , 会 想到 在 另外 一 帧 处 理 全 屏 布局 。 在 Flex 中 , 为 了 实现 此 效果 , 使 用 states 
是 最 佳 选择 ,通过 创建 states, 可 以 实现 Flash 中 的 帧 效果 。 在 本 实例 中 , 创建 一 个 名 为 FullScreen 
的 State。 在 此 State 中 ， 改 变 各 组 件 为 全 屏 样式 和 功能 ， 代 码 如 下 所 示 。 


添加 Script 脚本 ， 首 先 定 义 变量 ， 包 括 判断 视频 是 否 在 播放 的 isvideoplayed， 用 来 储存 播 
放 或 暂停 等 操作 开始 前 的 播放 状态 。nowPlaying 变量 储存 当前 播放 的 视频 文件 名 ， 该 变量 绑 
定 到 Panel 组 件 的 title 属性 。 代 码 如 下 所 示 。 


添加 视频 播放 和 控制 器 的 初始 化 函数 init0， 该 函数 为 场景 中 的 对 象 添加 事件 监听 器 ， 为 
各 种 操作 指定 事件 处 理 函 数 ， 以 及 根据 isvideoplayed 的 值 为 播放 按钮 指定 样式 。 代 码 如 下 
所 示 。 


添加 RememberOldState0 函 数 ， 该 函数 是 鼠标 单 击 播放 进度 条 时 的 处 理 函数 。 该 函数 用 来 
在 用 户 改变 播放 进度 条 位 置 时 ， 暂 停 播 放 的 视频 。 这 样 ， 在 鼠标 松 开 后 再 做 另外 处 理 ， 达 到 
改变 视频 播放 进度 的 效果 。 如 果 通 过 其 他 方式 实现 此 效果 ， 在 改变 进度 条 位 置 时 ， 有 可 能 会 
出 现 不 流畅 的 效果 。 该 函数 的 代码 如 下 所 示 。 


添加 ToThisPostion0) 函 数 ， 该 函数 是 鼠标 松 开播 放 进度 条 时 的 处 理 函 数 。 该 函数 用 来 在 用 
户 改变 播放 进度 条 位 置 时， 恢复 改变 前 的 播放 状态 ， 代 码 如 下 所 示 。 


添加 ChangeVideoPosition0) 函 数 ， 该 函数 是 改变 播放 进度 条 时 的 处 理 函数 。 该 函数 用 来 在 
用 户 改变 播放 进度 条 位 置 时 ， 动 态 改变 视频 的 播放 进度 ， 代 码 如 下 所 示 。 


添加 VideoComplete0 函 数 ， 该 函数 是 当前 视频 播放 完成 后 的 事件 处 理 函数 。 该 函数 将 播 
放 状 态 标 记 为 非 播放 ， 然 后 向 其 父 级 发 送 参 数 类 型 为 PlayComplete 的 PlayerEvent 事件 ， 交 由 
其 父 级 处 理 。 代 码 如 下 所 示 。 


添加 Play_Click0 函 数 ， 该 函数 是 在 单 击 【播放 】 按 钮 时 的 事件 处 理 函 数 。 该 函数 根据 当 
前 播放 状态 ， 调 用 PlayerEventMeO 函 数 ， 传 递 不 同 的 参数 值 。 代 码 如 下 所 示 。 


添加 PlayerEventMe() 函 数 ， 该 函数 将 传递 的 参数 作为 PlayerEvent 事件 的 参数 ， 发 送 到 其 
父 级 的 事件 流 ， 主 要 实现 对 视频 的 播放 状态 及 全 屏 的 控制 请 求 。 代 码 如 下 所 示 。 


添加 双击 播放 器 Panel 组 件 的 事件 处 理 函 数 ChangeState()。 该 函数 调用 PlayerEventMe() 
函数 ， 发 送 全 屏 或 取消 全 屏 的 请 求 ， 代 码 如 下 所 示 。 


16.4.2 ”播放 列表 


播放 列表 文件 相当 简单 ， 就 是 一 个 TileList 组 件 ， 但 是 其 itemRenderer 属性 为 另外 的 一 个 
组 件 PlayListBox。 将 这 两 者 分 开 编写 ， 当 需要 对 播放 列表 整体 改变 时 ， 只 需要 对 单项 文件 或 
播放 列表 文件 进行 简单 修改 ， 分 析 起 来 相当 简单 。 播 放 列表 (PlayListmxml) 文件 的 内 容 如 
下 所 示 。 


播放 列表 的 单项 文件 基于 Hbox 组 件 , 该 文件 用 来 显示 信息 和 接受 鼠标 单 击 事件 。 播 放 列 
表 绑 定 了 数据 源 的 pic、name 及 desciption 属性 ， 当 鼠标 单 击 该 项 时 ， 发 送 以 该 项 的 数据 为 参 
数 的 PlayListEvent 事件 。 该 文件 的 代码 如 下 所 示 。 


16.4.3 ”调节 器 


调节 器 为 一 个 基于 TitleWindow 的 自 定义 组 件 ， 包 括 4 个 Hslider 组 件 ， 用 来 调节 亮度 、 


对 比 度 等 ，2 个 Button 组 件 ， 用 来 确认 和 还 原 调节 数据 。 该 调节 器 的 布局 和 设置 代码 如 下 
所 示 。 


上 述 代码 中 , 为 4 个 Hslider 组 件 的 change 事件 指定 了 处 理 函 数 。 当 用 户 调节 滑 块 位 置 时 ， 
调用 setBright0 函 数 。 另 外 ， 还 有 该 调节 器 的 【关闭 】 按 钮 单 击 事件 ,【 确 定 】 和 【还 原 】 按 
钮 单 击 事件 ,都 指定 了 处 理 函数 。 下 面 ,添加 Script 脚本 ,编写 处 理 函 数 。 首 先 来 看 CloseSetting() 
函数 ， 该 函数 实现 移 除 场景 中 创建 的 调节 器 对 象 。 代 码 如 下 所 示 。 


然后 添加 setBright0 函 数 。 该 函数 创建 SettingEvent 事件 对 象 ， 该 对 象 的 4 个 参数 分 别 为 
4 个 Hslider 组 件 的 值 。 然 后 发 送 该 事件 对 象 到 事件 流 ， 由 调节 器 监听 。 代 码 如 下 所 示 。 


添加 reset0 函 数 。 该 函数 还 原 4 个 Hslider 组 件 的 值 ， 然 后 调用 setBright() 函 数 ， 请 求 还 原 
视频 的 色彩 。 代 码 如 下 所 示 。 


16.5“ 主 程序 设计 


经 过 上 面 4 节 的 准备 ， 播 放 器 功能 模块 已 经 创建 完成 ， 现 在 就 要 将 其 添加 到 主 程序 中 。 
主 程序 中 包括 了 一 个 自 定义 的 播放 和 控制 器 、 一 个 播放 列表 和 控制 播放 列表 显示 的 按钮 。 其 
布局 和 设置 代码 如 下 所 示 。 


添加 Script 脚本 , 提供 数据 和 处 理 各 种 组 件 的 请 求 。 首先 来 添加 变量 , 包括 变量 mysetting， 
是 调节 器 对 象 , 用 来 在 需要 时 以 弹出 形式 添加 到 场景 中 ; 变量 XMLPlayList， 是 播放 列表 的 数 
据 源 ; 变量 nowPlaying 是 正在 播放 的 视频 名 称 ; 变量 fullscreenTimer 是 一 个 6000 毫秒 的 计数 
器 ， 用 来 在 全 屏 状态 下 记录 鼠标 空闲 的 时 间 。 代 码 如 下 所 示 。 


添加 场景 创建 完成 时 的 初始 化 函数 init0。 该 函数 加 载 外 部 XML 文件 ， 用 来 读 取 播放 列 
表 数 据 源 ， 为 场景 添加 不 同 参数 的 事件 监听 器 ， 交 由 不 同 的 函数 进行 处 理 。 代 码 如 下 所 示 。 


添加 LoadMyXML0O 函 数 ， 该 函数 创建 一 个 URLLoader 对 象 ， 为 该 对 象 添加 是 否 加 载 完 
碟 因 成 监听 器 ， 当 加 载 完 成 时 执行 HandleLoadComplete0 函 数 。 代 码 如 下 所 示 。 


HandleLoadComplete0 函 数 在 加 载 XML 文件 完成 时 执行 。 首 先 将 加 载 的 数据 储存 到 
XMLPlayList 变量 。 这 样 ， 播 放 列表 的 信息 得 到 更 新 。 然 后 调用 PlayThis0 函 数 ， 传 递 XML 
文件 的 第 一 条 信息 。 代 码 如 下 所 示 。 


PlayThisO 函 数 将 得 到 的 path 参数 作为 播放 器 的 视频 地 址 ，name 参数 赋予 播放 器 的 
nowPlaying 成 员 ， 也 就 是 其 Panel 的 Title 属性 。 然 后 调用 InitPlayer0 函 数 ， 初 始 化 播放 器 的 
状态 为 播放 状态 。 代 码 如 下 所 示 。 


InitPlayerO 函 数 根据 传递 的 参数 改变 播放 器 的 相关 组 件 状态 。 例 如 当 传递 的 参数 为 真 时 ， 
设置 播放 器 的 VideoDisplay 组 件 不 透明 ， 显 示 暂 停 按钮 、 隐 藏 播放 和 重播 按钮 ， 为 播放 器 的 
isvideoplayed 变量 赋 true 值 。 代 码 如 下 所 示 。 


| Os 
功能 齐全 的 FLV 播放 器 


this.VideoPlayer.btSmallPlay.styleName="smallpause"; 
}elsef 


this.VideoPlayer.canvasPause.visible=false; 


this.VideoPlayer.isvideoplayed=true; 


this.VideoPlayer.canvasPlay.visible=true; 
this.VideoPlayer.canvasRePlay.visible=false; 
this.VideoPlayer.isvideoplayed=false; 95) 
this.VideoPlayer.btSmallPlay.styleName="smallplay"; 


} 


添加 ChangeToPlay0 函 数 。 在 单 击 播放 列表 某 一 项 时 ， 由 自 定义 的 单项 组 件 发 送 参数 为 
ChangePlayList 的 PlayListEvent 事件 。 主 程序 监听 到 该 事件 后 , 交 由 ChangeToPlay() 函 数 处 理 。 
该 函数 调用 PlayThis0 函 数 ， 播 放 选 中 播放 列表 的 视频 。 代 码 如 下 所 示 。 


private function ChangeToPlay (ctpevent:PlayListEvent) :void{ 


PlayThis (ctpevent.video.@url.toSstring(),ctpevent.video.@name.toString( 
) ) 7 
} 


添加 Play0 和 Pause() 函 数 。 这 两 个 函数 简单 ,改变 播放 器 的 播放 状态 。 然 后 调用 InitPlayer() 
函数 ， 改 变相 关 组 件 状 态 。 播 放 和 和 暂停 时 的 效果 如 图 16-3 和 图 16-4 所 示 ， 代 码 如 下 所 示 。 
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图 16-3 ”播放 状态 下 的 效果 图 16-4 暂停 状态 下 的 效果 


private function Play(playevent:PlayerEvent) :voidi 
this.VideoPlayer.myVideoDisplay.play(); 


InitPlayer (true); 
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} 

private function Pause (playevent:PlayerEvent) :voidt{ 
this.VideoPlayer.myVideoDisplay.pause(); 
InitPlayer (false); 

} 


添加 PlayNext0 和 RePlay0 函 数 。PlayNext0 函 数 是 在 当前 视频 播放 完成 后 执行 ， 显示 【 重 
播 】 按 钮 ， 并 调用 ChangePlayList(O 函 数 ， 强制 显示 播放 列表 。 当 前 视频 播放 完成 后 的 效果 如 
图 16-5 所 示 。RePlayO 函 数 是 在 鼠标 单 击 【重播 】 按 钮 时 执行 ， 完 成 重播 的 功能 。 两 个 函数 的 
定义 代码 如 下 所 示 。 


图 16-5 ”当前 视频 播放 完成 后 的 效果 


Private function PlayNext (playevent:PlayerEvent) :voidi 
this.VideoPlayer.canvasRePlay.visible=true; 
ChangePlayList (true); 
this.VideoPlayer.myVideoDisplay.alpha=0.4; 

} 

private function RePlay (playevent:PlayerEvent) :void{ 
this.VideoPlayer.canvasRePlay.visible=false; 
this.VideoPlayer.myVideoDisplay.play(); 

InitPlayer (true); 

} 


ChangePlayListO 函 数 用 来 处 理 对 播放 列表 的 显示 和 隐藏 。 这 需要 根据 场景 的 当前 状态 ， 
例如 ， 当 场景 处 于 全 屏 模式 下 时 ， 发 送 退 出 全 屏 请 求 ， 改变 btShowPlaylist 对 象 的 label 属性 
为 “隐藏 更 多 ” 显示 播放 列表 对 象 。 代 码 如 下 所 示 。 


private function ChangePlayList(ismustshow:Boolean) :voidf{ 
if (btshowPlaylist.label--" 查 看 更 多 ") { 


添加 showSetting(O) 函 数 ， 该 函数 是 在 单 击 【设置 】 按 钮 时 执行 的 函数 。 该 函数 首先 调用 
PopUpManager 对 象 的 removePopUp( 方 法 , 将 场景 中 存在 的 mysetting 对 象 移 除 掉 ， 然 后 创建 
新 的 弹出 窗口 。 代 码 如 下 所 示 。 


上 述 代码 中 ， 为 播放 控制 器 组 件 添加 了 事件 监听 器 ， 监 听 参 数 为 ChangeSetting 的 事件 ， 
交 由 函数 ChangeSetting0 处 理 。 该 函数 创建 ColorMatrix 对 象 , 通过 调用 该 对 象 的 adjustColor() 
方法 ， 改 变 该 对 象 的 值 。 然 后 将 该 对 象 添加 到 播放 器 的 滤 镜 ， 实 现 调节 视频 色彩 的 功能 。 效 
果 如 图 16-6 所 示 ， 代 码 如 下 所 示 。 


添加 FullScreen0 函 数 ， 该 函数 是 在 主 程序 监听 到 参数 为 FullScreen 的 事件 时 执行 。 该 函 
数 通 过 为 场景 stage 的 displayState 属性 ,赋予 StageDisplayState.FULL _SCREEN 值 , 实现 场景 
的 全 屏 效果 ; 改变 主 程序 的 当前 State 值 为 FullScreen， 此 State 将 在 下 文中 创建 ; 改变 播放 器 
的 当前 State 值 为 FullScreen; 启动 fullscreenTimer 对 象 的 计数 ; 为 主 程序 添加 鼠标 移动 的 事 
件 监 听 器 ， 监 听 到 时 ， 交 由 StopTimer0 函 数 执行 。 全 屏 后 的 效果 如 图 16-7 所 示 ，FullScreen() 
函数 的 定义 代码 如 下 所 示 。 


综合 实例 篇 


Winfewz Internet 


图 16-6 调节 视频 的 对 比 度 效果 


private function FullScreen (playerevent:PlayerEvent) :void{ 
stage.displayState=StageDisplayState.FULL SCREEN; 


this.currentstate="FullScreen"; 
this.VideoPlayer.currentState="FullScreen"; 
this.fullscreenTimer.start (); 


this.addEventListener (MouseEvent .MOUSE MOVE,StopTimer); 
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16-7 全 屏 后 的 效果 


在 正 浏 览 器 中 运行 程序 时 ， 实 现 全 屏 显示 必须 改变 HTML 文件 的 代码 。 将 页 面 
中 所 有 allowScriptAccess 参数 删除 ， 添 加 值 为 true 的 allowFullScreen 参数 。 


添加 NormalScreen() 函 数 ， 该 函数 与 FullScreen() 函 数 相 反 ， 实 现场 景 由 全 屏 到 非 全 屏 的 
转变 。 代 码 如 下 所 示 。 


ChangeState(0 函 数 是 在 场景 被 重 绘 大 小 时 执行 。 由 于 在 全 屏 模式 下 , 用 户 可 以 按键 盘 上 的 
Esc 键 退出 全 屏 ， 或 通过 其 他 按键 退出 全 屏 ， 例 如 Alt+Tab 组 合 键 。 为 每 一 个 可 以 退出 全 屏 的 
按键 添加 事件 监听 器 ， 有 些 繁琐 。 如 果 不 添加 任何 监听 器 ， 当 用 户 通过 这 些 按键 退出 全 屏 时 ， 
场景 仍 处 于 名 为 FullScreen 的 State 状态 ， 这 样 是 用 户 不 愿意 看 到 的 。ChangeState0 函 数 根据 
stage 的 displayState 属性 的 当前 值 ， 如 果 为 非 全 屏 ， 并且 当前 场景 处 于 名 为 FullScreen 的 State 
状态 ， 那 么 将 场景 转 到 非 全 屏 状 态 。 代 码 如 下 所 示 。 


添加 FullScreenTimerEnd0) 函 数 ， 该 函数 在 fullscreenTimer 对 象 设置 的 时 间 到 期 时 执行 。 
主要 是 隐藏 播放 器 的 控制 器 、 播 放 进度 条 、 加 载 进度 条 ， 效 果 如 图 16-8 所 示 ， 代 码 如 下 所 示 。 
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是 目前 厨 卫 吊顶 高 端 技术 


图 16-8 fullscreenTimer 对 象 设置 的 时 间 到 期 时 效果 


添加 StopTimer0 函 数 ， 该 函数 在 鼠标 移动 时 执行 ， 并 且 在 程序 中 只 有 当场 景 在 全 屏 模式 
下 才 执 行 。 该 函数 将 fullscreenTimer 对 象 复 位 ， 显 示 控 制 器 、 播 放 进度 条 和 加 载 进度 条 。 然 后 
重新 开启 fullscreenTimer 对 象 的 计数 。 代 码 如 下 所 示 。 


private function StopTimer (moveevent:MouseEvent) :voidI{ 
this.fullscreenTimer.reset (); 
this.VideoPlayer.hbox.alpha=1; 
this.VideoPlayer.progressbarl.alpha=1; 
this.VideoPlayer.sliderVideoPosition.alpha=1; 
this.fullscreenTimer.start (); 


} 


为 主 程序 添加 名 为 FullScreen 的 State， 在 该 State 下 ,视频 播放 器 宽度 和 高 度 都 为 100%， 
代码 如 下 所 示 。 


<mx:states> 
<mx:State name="FullScreen"> 
<mx:RemoveChild target="{myPlayList}"/> 
"{VideoPlayer}" 
"{VideoPlayer}™" 
" {VideoPlayer}" name="width" value="100%"/> 


<mx:SetProperty target 


<mx:SetPproperty target: 


<mx:SetProperty target= 
<mx:SetProperty target="{VideoPlayer}" name="height" value="100%"/> 
<mx:SetProperty target="{btShowPlaylist}" name="x"/> 


<mx:Setstyle target="{btShowPlaylist}" name="right" value: 


<mx:SetProperty target="{btShowPlaylist}" name="y" value=" 
</mx:State> 


</mx:states> 


入 


“二 内 容 摘 要 avswact 

随 着 网 络 带 宽 的 增加 ， 在 线 视频 播放 变 得 越 来 越 受 到 网 友 的 欢迎 ， 特 别 是 FLV 格式 视频 
的 出 现 ， 将 网 络 视频 推 上 了 一 个 新 的 层次 。 视 频 展示 网 站 从 此 层出不穷 ， 如 土豆 网 、 优 酷 网 
等 。 本 章节 将 讲述 如 何 通过 Flex 制作 视频 展示 网 站 。 


于 学 习 目标 |ouecuvs 


了 解 视频 展示 网 站 的 需求 分 析 
了 解 系统 的 结构 设计 

掌握 系统 数据 库 表 的 设计 
熟悉 数据 库 类 的 设计 

掌握 如 何 使 用 ASPNET 开发 服务 器 端 
掌握 网 站 中 的 事件 处 理 类 设计 
掌握 用 户 模 块 的 设计 
掌握 实现 可 拖 动 代码 

了 解 分 页 组 件 

掌握 Flex 中 如 何 与 服务 器 端 通信 
掌握 后 台 添加 视频 的 实现 方法 


17.1 系统 概述 
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上 一 章 介 绍 的 视频 播放 器 ， 没 有 与 服务 器 端 交互 ， 只 能 称 为 单机 版 播放 器 。 本 章 介 绍 的 
视频 展示 网 站 的 服务 器 端 使 用 ASPNET 3.5, 数据 库 使 用 SQL Server 2005。 网 站 分 为 前 台 和 后 
台 两 个 页 面 。 前 台 用 来 显示 视频 ， 供 浏览 者 查看 ， 后 台 可 以 对 视频 和 分 类 进行 编辑 。 


17.1.1 需求 分 析 


作为 时 下 较 流行 的 视频 展示 网 站 ， 和 一 般 的 相册 展示 网 站 功能 类 似 ， 只 不 过 照片 换 成 了 
视频 。 视 频 展示 网 站 包括 大 量 的 视频 ， 对 视频 归 类 ， 浏 览 者 按照 网 站 的 指示 图 或 者 个 人 搜索 ， 


可 以 迅速 找到 所 需 的 视频 。 注 册 用 户 可 以 将 感 兴趣 的 视频 收藏 ， 很 方便 地 找到 此 视频 ， 不 需 
要 每 次 都 搜索 。 
根据 以 上 功能 需求 ， 可 以 列 出 前 台 需 要 的 模块 ， 主 要 包括 以 下 几 部 分 。 
口 用 户 注册 模块 
口 用 户 登 录 模 块 
口 视频 列表 模块 
口 视频 播放 模块 
用 户 不 需要 登录 就 可 以 浏览 视频 ， 只 有 登录 后 ， 才 可 以 收藏 视频 和 修改 个 人 信息 。 按 照 
需要 实现 的 功能 ， 可 以 设计 出 首页 的 界面 ， 包 括 以 下 内 容 。 
口 用 户 注册 和 登录 按钮 
视频 分 类 菜单 
视频 搜索 栏 
视频 列表 显示 区 域 
视频 播放 显示 区 域 
Flex 基于 客户 端 开 发 ， 不 能 应 用 服务 器 端的 Session 对 象 ， 这 样 记录 用 户 登 录 就 没有 服务 
器 端 直接 开发 方便 。 为 了 实现 这 一 功能 ， 本 网 站 在 服务 器 端 仍然 采用 Session 方式 ， 客 户 端 采 
用 应 用 程序 中 的 公有 变量 。 
后 台 结 构 功能 比较 简单 ， 主 要 包括 管理 员 登 录 、 视 频 和 类 别 添 加 、 视 频 和 类 别管 理 ， 还 
应 包括 用 户 管理 。 管 理 员 登录 和 用 户 管理 是 不 能 少 的 ， 由 于 前 台中 已 经 有 过 用 户 登 录 模 块 ， 
用 户 管理 和 视频 管理 类 似 ， 在 介绍 后 台 时 ， 不 会 再 重复 。 后 台所 需要 的 模块 包括 以 下 几 部 分 。 
口 管理 员 登 录 模 块 
添加 视频 模块 
添加 类 别 模块 
修改 和 删除 视频 模块 
修改 和 删除 类 别 模 块 
管理 用 户 模块 
后 台 界 面 也 比较 简单 ， 开 始 为 管理 员 登 录 界 面 ， 登 录 成 功 显示 用 户 、 视 频 及 类 别管 理 按 
钮 等 。 


17.1.2 ”结构 设计 


0 
0 
D 
D 


| 


出 于 安全 因素 ， 网 站 的 前 台 和 后 台 采 用 了 两 个 不 同 页 面 ， 这 样 将 普通 用 户 和 管理 员 的 职 
能 分 开 。 前 台 主 要 实现 在 线 视频 播放 ， 视 频 播 放 可 以 使 用 第 16 章 中 的 FLV 播放 器 。 当 然 ， 播 
放 之 前 ， 用 户 需 要 通过 搜索 或 收藏 夹 ， 找 到 需要 播放 的 视频 。 搜 索 视频 可 分 为 类 别 搜索 和 关 
键 字 搜索 。 为 了 修改 方便 和 实现 代码 重用 ， 作 者 推荐 编写 程序 时 ， 能 够 写成 自 定义 组 件 的 模 
块 ， 一 定 要 编写 成 自 定义 组 件 。 具 有 共性 的 组 件 或 类 存放 到 单独 的 文件 夹 中 ， 方 便 查找 。 

本 网 站 是 在 Flex Builder 3 中 , 通过 创建 Flex 项 目 构建 的 。 除了 软件 自动 生成 的 文件 夹 外 ， 


系统 需要 的 文件 夹 列 表 及 其 描述 如 表 17-1 所 示 。 
表 17-1 系统 文件 夹 列表 和 描述 


App_Code 存放 系统 服务 器 端 处 理 数据 库 类 文件 
App_Data 存放 系统 数据 库 文件 

src/css 存放 系统 CSS 样式 表 文 件 

src/flv 存放 上 传 的 视频 及 缩 略 图 文件 
src/images 存放 系统 用 到 的 图 片 文件 
src/myComponents 存放 自 定义 组 件 文件 

src/myEvents 存放 自 定义 事件 类 文件 

src/myTheme 存放 自 定义 主题 文件 

src/myXML 存放 用 户 管理 菜单 文件 

srC/Server 存放 服务 器 端 程序 文件 


前 台 页 面 的 功能 ， 主 要 包括 用 户 登录 和 注册 、 视 频 分 类 、 视 频 搜索 、 视 频 播放 等 。 后 台 
的 功能 包括 对 视频 和 类 别 的 管理 ， 详 细 内 容 如 图 17-1 所 示 。 


前 各 


用 户 登录 


i 


17-1 系统 结构 功能 图 


17.2 ”数据库 和 数据 库 类 设计 


本 网 站 采用 三 层 结构 的 模式 进行 开发 ， 即 用 户 界 面 层 (Flex 端 )、 业 务 罗 辑 层 (ASPNET 
端 ) 和 数据 存储 层 〈SQL Server 2005 端 )。 其 中 ，Flex 端 最 为 复杂 ， 涉 及 到 的 知识 面 较 广 ， 下 
面 从 简 到 难 ， 一 步 一 步 实 现 这 三 层 。 首 先 设计 数据 库 。 


第 5 篇 综合 实例 篇 


17.2.1 数据 库 设计 


本 网 站 中 ， 需 要 储存 到 数据 库 中 的 数据 包括 用 户 资料 、 视 频 类 别 资 料 、 视 频 资料 和 用 户 
收藏 信息 。 需 要 创建 的 表 为 用 户 、 视 频 类 别 、 视 频 和 用 户 收藏 4 张 表 ， 下 面 在 SQL Server 2005 


中 分 别 进行 创建 。 
口 Users 表 


Users 表 保 存 的 是 用 户 的 编号 、 用 户 名 、 密 码 、E-mail 及 联系 电话 等 ， 如 表 17-2 所 示 。 


表 17-2 Users 表 


字段 数据 类 型 长 度 允许 空 备注 
id int 4 否 用 户 编号 ， 自 增长 
Usermame varchar 20 否 用 户 名 
password varchar 100 否 用 户 的 密码 
email varchar 100 是 用 户 的 E-mail 
phone varchar 20 是 用 户 的 电话 
口 ClassType 表 
ClassType 表 保 存 的 是 视频 类 别 信息 ， 如 表 17-3 所 示 。 
表 17-3 ClassType 表 
字段 数据 类 型 长 度 允许 空 备注 
id int 4 否 类 别 编号 ， 自 增长 
classname varchar 50 否 类 别名 
parentid int 4 否 类 别 的 上 级 分 类 编号 
口 Videos 表 


Videos 表 保 存 的 是 视频 序号 、 所 属 类 别 、 名 称 、 地 址 和 缩 略 图 地 址 等 ， 如 表 17-4 所 示 。 


表 17-4 Videos 表 


字段 数据 类 型 长 度 允许 空 备注 

id int 4 否 视频 编号 ， 自 增长 
classid int 4 否 视频 类 别 编号 
Videoname Varchar 50 是 视频 名 

Videosrc Varchar 50 是 视频 地 址 

Picsrc Varchar 50 是 视频 缩 略 图 地 址 


口 Favorite 表 


Favorite 表 保存 的 是 收藏 编号 、 用 户 编号 、 视 频 编号 和 添加 时 间 等 ， 如 表 17-5 所 示 。 


表 17-5 ”Favorite 表 


字段 数据 类 型 长 度 允许 空 备注 

id int 4 否 收藏 编号 ， 自 增长 
userid int 4 否 用 户 编号 

videoid int 4 否 视频 编号 
adddatetime varchar 255 是 添加 时 间 


上 述 4 个 表 已 经 可 以 实现 整个 网 站 的 需求 ， 但 是 为 了 查询 更 方便 ， 需 要 创建 3 个 视图 ， 
如 下 所 示 。 

口 view_classtype 视图 

view_classtype 视图 将 ClassType 表 与 自身 内 联 ， 得 到 二 级 类 别 的 列表 ， 列 表 中 包括 上 级 
分 类 的 信息 。 其 SQL 代码 如 下 所 示 。 


口 View_videos_classtype 视图 
View_videos_classtype 视图 将 view_classtype 视图 与 Videos 表 内 联 ， 得 到 视频 列表 ， 列 表 
中 包括 视频 别 的 全 部 信息 。 其 SQL 代码 如 下 所 示 。 


口 view_favorite_video 视图 
view_favorite_video 视图 将 Favorite 表 与 Videos 表 内 联 ， 得 到 用 户 收 藏 列表 ,列表 中 包括 
收藏 视频 的 信息 。 其 SQL 代码 如 下 所 示 。 


17.2.2 数据库 类 设计 


在 使 用 面向 对 象 语言 编程 的 过 程 中 ， 通 过 很 多 方法 可 以 实现 代码 的 封装 和 复 用 ， 类 是 使 
用 最 多 的 。ASPNET 将 任何 的 Web 窗 体 页 都 以 类 的 形式 来 组 织 ， 因 此 可 以 将 一 些 常用 的 方法 
封装 到 一 个 类 中 ， 从 而 提高 开发 的 效率 和 性 能 。 

数据 库 类 就 是 其 中 最 具 代 表 性 的 一 个 ， 因 为 系统 中 大 部 分 的 业务 逻辑 最 终 处 理 的 结果 都 
需要 保存 到 数据 库 中 ， 像 添加 视频 类 别 、 视 频 资料 及 用 户 资料 等 。 还 有 更 新 类 别 、 视 频 资料 、 
删除 资料 等 ， 这 些 业务 逻辑 都 比较 简单 ， 这 里 直接 在 Web 窗 体 的 后 台 代码 中 实现 。 

数据 库 类 实现 的 是 对 数据 库 的 基础 操作 ， 例 如 与 数据 库 的 连接 、 执 行 SQL 语句 并 得 到 各 
种 返回 值 以 利于 进一步 使 用 数据 库 返 回 的 结果 。 创 建 一 个 名 为 SQLHelper 的 类 ， 将 其 存放 在 
网 站 根 目录 的 App_Code 子 目录 中 ， 然 后 添加 所 需 的 命名 空间 ， 如 下 所 示 。 


接 下 来 创建 这 个 SQLHelper 类 ， 这 里 为 类 添加 一 个 命名 空间 SQLServerDAL， 这 样 可 轻 
松 管理 和 组 织 多 个 数据 库 类 ， 如 下 所 示 。 


上 代码 所 示 仅 为 一 个 空 类 ， 其 中 abstract 关键 字 指定 这 是 一 个 抽象 类 。 使 用 abstract 还 可 
以 指定 抽象 方法 ， 但 抽象 方法 只 能 存在 于 抽象 类 中 。 使 用 abstract 关键 字 创 建 的 抽象 类 不 能 实 
例 化， 它 的 作用 是 提供 多 个 派生 类 来 共享 基 类 的 公共 定义 ， 要 使 用 抽象 类 必须 继承 这 个 类 。 

在 SQLHelper 类 中 添加 数据 成 员 ， 这 里 仅 包含 有 一 个 成 员 connectionString， 它 存储 的 是 
实例 数据 库 的 连接 字符 串 。 该 连接 字符 串 为 web.config 文件 中 定义 的 名 为 
VideoConnectionString 的 连接 字符 串 ， 如 下 所 示 。 


web.config 文件 中 定义 名 为 VideoConnectionString 的 连接 字符 串 ， 代 码 如 下 所 示 。 


protected 修饰 符 是 一 个 保护 成 员 访问 修饰 符 。 只 有 声明 protected 类 中 及 声明 protected 类 
型 成 员 类 的 派生 类 中 才 可 以 访问 该 成 员 。 也 就 是 说 ，protected 类 型 的 类 成 员 只 有 在 本 类 和 派 
生 类 中 才能 访问 ， 外 部 代码 无 法 访问 。 

向 类 中 添加 一 个 用 于 执行 SQL 语句 的 方法 ExecuteSql0， 它 带 有 一 个 参数 来 指定 SQL 语 
句 ， 返 回执 行 后 影响 的 记录 数 。 


ExecuteSql0 方 法 使 用 <summary> 形 式 来 组 织 注释 ， 这 样 符合 .NET 的 定义 规范 ， 可 以 方便 
地 生成 XML 文档 ， 从 而 提高 协作 性 。 也 即 是 如 果 将 类 编译 成 DLL 文件 ， 再 次 使 用 该 类 时 则 
看 不 到 源码 ， 可 通过 XML 文档 来 查看 其 中 包含 的 各 种 方法 、 方 法 作用 以 及 参数 的 含义 等 。 

从 上 述 ExecuteSql0 方 法 的 代码 中 可 以 看 出 ， 该 方法 适合 于 执行 数据 库 修改 时 的 情况 ， 像 
Insert 语句 、Update 语句 和 Delete 语句 等 。 

如 果 要 执行 Select 语句 则 可 以 使 用 下 面 介绍 的 ExecuteReader() 方 法 。 该 方法 用 于 执行 返 


回 结果 有 若干 条 时 ， 其 代码 如 下 所 示 。 


如 果 要 执行 一 条 计算 查询 结果 语句 ， 并 返回 一 个 查询 结果 ， 则 使 用 GetSingle0 函 数 ， 该 
函数 的 代码 如 下 所 示 。 


因为 在 数据 库 中 ， 与 用 户 相关 的 表 ， 存 储 的 都 是 用 户 编号 ， 而 页 面 中 记录 的 用 户 信息 为 
用 户 名 。 所 以 ， 本 实例 中 经 常 需要 根据 用 户 名 查询 用 户 编号 ， 将 这 个 功能 添加 到 数据 库 类 中 ， 
方便 调用 ， 其 代码 如 下 所 示 。 


17.3 ”服务 器 端 程序 设计 


本 实例 中 的 数据 库 非常 简单 ， 服 务 器 端 程序 也 不 是 那么 复杂 ， 主 要 分 为 用 户 、 视 频 分 类 、 
视频 列表 和 收藏 等 处 理 。 每 个 处 理 单独 创建 文件 ， 方 便 程序 员 查 找 ， 也 可 以 提高 程序 的 运行 钢 
速度 。 下 面 讲解 其 中 的 几 个 程序 文件 。 


17.3.1 处 理 用 户 程序 文件 


本 网 站 采用 常用 的 Session (会话) 方式 ， 记 录用 户 登录 信息 。 服 务 器 端 需要 的 用 户 相关 
功能 ， 包 括 注册 、 登 录 、 判 断 是 否 登录 、 用 户 信息 获得 和 修改 、 用 户 注销 等 。 

用 户 注册 程序 文件 为 本 系统 中 的 Reg.aspx， 主 要 是 获得 用 户 提交 的 信息 ， 将 这 些 信息 保 
存 到 数据 库 中 。 该 程序 文件 的 代码 如 下 所 示 。 


用 户 成 功 注册 后 ， 自 动 记录 用 户 名 到 Session 中 。 前 台 仍 然 需 要 用 户 登录 功能 ， 服 务 器 端 
处 理 用 户 登 录 的 程序 文件 为 CheckLogin.aspx， 该 文件 的 代码 如 下 所 示 。 


判断 用 户 是 否 登录 的 处 理 文件 为 CheckSession.aspx。 用 户 注销 的 处 理 文件 为 LoginOut.as- 
px， 该 文件 将 Session 清空 。 这 两 个 文件 比较 简单 ， 这 里 不 再 显示 代码 。 用 户 信 息 获得 和 修改 
的 处 理 文件 为 GetUserInfo.aspx， 其 代码 如 下 所 示 。 


网 站 后 台 处 理 用 户 信息 的 文件 为 AdminUsers.aspx， 该 文件 和 GetUserInfo.aspx 文件 类 似 ， 


只 是 在 Page Load0 事 件 处 理 函 数 中 ， 增 加 了 一 个 判断 语句 ， 代 码 如 下 所 示 。 


17.3.2 ”处 理 视频 分 类 和 视频 列表 程序 设计 


网 站 的 前 、 后 台 都 用 到 了 视频 分 类 ， 需 要 对 视频 类 别 进行 读 取 ， 有 些 需要 读 取 所 有 类 别 ， 
有 些 需 要 读 取 某 一 条 。 这 些 操作 都 是 通过 GetVideoClass.aspx 文件 实现 的 ， 该 文件 的 代码 如 下 
所 示 。 


后 台中 ， 添 加 、 修 改 和 删除 类 别 的 处 理 文件 为 AdminClass.aspx。 该 文件 主要 是 根据 获得 
提交 的 信息 ， 判 断 这 些 信息 ， 从 而 进行 不 同 的 数据 库 操作 。 这 里 不 再 显示 代码 。 

处 理 视频 列表 和 处 理 视频 分 类 相似 ， 只 不 过 视频 增加 了 几 个 字段 。 视 频 信息 包括 了 类 别 
编号 ， 浏 览 者 可 以 通过 类 别 筛 选 视频 。 另 外 ， 浏 览 者 还 可 以 通过 名 称 关键 字 搜 索 视频 。 这 些 
需要 改变 查询 语句 。 获 取 视 频 列表 的 查询 语句 代码 如 下 所 示 。 


17.4 前台 设计 


前 台 是 网 站 的 “ 脸 ”， 需 要 拿 出 去 让 人 看 ， 首 先 要 保证 界面 的 美感 ， 其 次 就 是 功能 ， 使 用 
有 趣 的 形式 展示 内 容 ， 增 加 用 户 的 兴趣 。 本 网 站 自 定义 了 自己 的 主题 ， 不 再 使 用 Flex 中 默认 
的 主题 ， 使 得 界面 更 个 性 化 。 本 网 站 的 前 台中 包括 的 特点 如 下 所 示 。 

口 搜索 栏 在 网 站 头 部 时 ， 不 能 移动 ; 在 主题 内 容 区 域 中 时 ， 可 以 移动 。 

口 主题 内 容 中 的 窗口 都 可 以 移动 位 置 。 

口 视频 播放 器 窗口 可 以 实现 最 大 化 、 最 小 化 、 还 原 、 关 闭 和 缩放 等 效果 。 

下 面 除了 讲述 如 何 实现 这 些 效 果 外 ， 还 包括 了 如 何 实现 其 他 的 基础 功能 模块 。 


17.4.1 事件 处 理 类 设计 


Flex 程序 中 ， 组 件 与 组 件 之 间 通 过 事件 进行 交互 ， 事 件 分 为 不 同 的 类 型 。 在 大 型 的 项 目 
中 ， 要 用 到 的 事件 类 型 比较 多 ， 实 现 的 功能 也 不 相同 。 全 部 使 用 软件 自 带 的 事件 ， 会 降低 程 
序 的 可 读 性 ， 有 些 功能 可 能 实现 起 来 也 会 比较 困难 。 采 用 自 定义 事件 类 ， 能 够 解决 此 问题 。 
例如 MyLoginEvent 类 ， 该 类 位 于 myEvents 包 中 ， 代 码 如 下 所 示 。 


上 述 代 码 中 ， 包 括 WANTTOREG、WANTTOLOGIN 等 6 个 静态 常量 ， 这 些 常 量 的 值 为 
不 同 的 字符 串 。 外 部 用 到 WantToReg 字符 串 ， 只 需要 输入 MyLoginEvent.WANTTOREG 就 可 
以 。 这 样 做 的 好 处 是 能 够 减少 输入 时 的 错误 ， 也 增加 了 可 读 性 。 例 如 MyLoginEvent.WANTT- 
OREG， 很 容易 联想 到 用 户 注册 。 

username 属性 ， 在 用 户 登 录 时 ， 存 储 用 户 名 。 自 定义 事件 类 最 大 的 优势 ， 就 是 存储 事件 
触发 源 对 象 传递 的 参数 。 因 为 某 些 数据 ， 事 件 接收 者 根本 无 法 获得 ， 而 事件 触发 者 可 以 ， 所 
以 采取 自 定 义 事件 类 ， 在 大 型 项 目 中 显得 尤为 重要 。 

通过 上 述 代码 可 以 看 到 ， 自 定义 事件 类 非常 简单 。 本 网 站 中 用 到 的 自 定 义 事件 类 文件 和 


相关 说 明 如 表 17-6 所 示 。 


AdminManageEvent.as 
MyChangeContainerEvent.as 
MyClassMenuEvent.as 
MyCloseEvent.as 
MyLoadEvent.as 
MyLoginEvent.as 
MyManageEvent.as 
MySearchEvent.as 
PageChangeEvent.as 
PlayerEvent.as 

了 PlayListEvent.as 
SettingEvent.as 


表 17-6 自 定义 事件 类 文件 和 相关 说 阴 


后 台 类 别 和 视频 操作 类 

搜索 栏 在 网 站 头 部 和 主题 内 容 区 域 之 间 移 动 类 
前 台中 类 别 菜单 单 击 事件 类 
关闭 播放 器 窗口 处 理事 件 类 
加 载 视频 列表 事件 类 

用 户 相 关 事 件 类 

前 台 用 户 管理 菜单 单 击 事件 类 
搜索 事件 类 

分 页 组 件 的 事件 类 
播放 器 事件 类 

播放 列表 事件 类 

视频 调节 事件 类 


17.4.2 ”用户 模块 设计 


用 户 模块 主要 包括 用 户 注 册 、 登 录 、 注 销 和 显示 登录 状态 等 子 项 ， 其 中 用 户 注册 和 登录 
需要 为 用 户 提供 输入 信息 的 界面 ， 注 销 和 显示 登录 状态 根据 用 户 登 录 状 态 的 不 同 ， 而 动态 改 
变 。 这 3 者 分 别 制作 成 自 定 义 组 件 。 


用 户 注册 组 件 的 文件 名 为 myReg.mxml， 该 组 件 基于 TitleWindow 创建 ， 内 容 为 用 户 注册 
界面 ， 效 果 如 图 17-2 所 示 ， 布 局 代码 如 下 所 示 。 
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"CheckLogin () "/> 
<mx:Button id="btnClear" x="159" y="156" label=" 清 空 " click= 
"clearHandler () "/> 
</mx:HBox> 
</mx:FormItem> 
</mx:Eorm> 
<!-- 验 证 表单 元 素 是 否 符合 条 件 --> 
<mx:StringValidator source="{tiusername}" trigger="{btnLogin}" 
triggerEvent="click"” requiredFieldError=" 用 户 名 不 能 为 空 " 
property="text"/> 
<mx:StringValidator source="{tipassword}" trigger="{btnLogin}" 
triggerEvent="click" requiredFieldError=" 密 码 不 能 为 空 " 
property="text" /> 
<mx:EmailValidator source="{tiemail}" 
triggerEvent="click" 
requiredFieldError="Email 不 能 为 空 " 
invalidcharError="Email 格式 不 正确 " 
property="text"/> 
<!-- 与 服务 器 端 通信 的 HTTPService 组 件 --> 
<mx :HTTPService id="HttpSLogin" url="Server/Reg.aspx" 
resultFormat="e4x" method="GET" result="myHandler (event) " 
showBusyCursor="true" fault="faultHandler (event)"> 
<mx:request xmlns=""> 
<username>{tiusername.text}</username> 
<password>{tipassword.text}</password> 
<email>{tiemail.text}</email> 
</mx:request> 
</mx:HTTPService> 
</mx:TitleWindow> 
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辐 17-2 ”注册 界面 效果 


注册 页 面 中 需要 的 自 定义 函数 ， 主 要 包括 生成 验证 码 、 初 始 化 、 单 击 【 注 册 】 按 钮 事件 
处 理 函 数 和 HITPService 组 件 的 处 理 函 数 。 这 里 介绍 一 下 生成 验证 码 的 函数 
generateCheckCode()， 其 代码 如 下 所 示 。 


需要 提交 的 页 面 ， 按 回 车 键 自动 提交 ， 能 够 使 用 户 操作 起 来 更 加 方便 。 下 面 讲解 该 功能 
的 实现 方法 。 首 先 ， 在 组 件 的 初始 化 函数 中 ， 添 加 键盘 键 按 下 的 监听 事件 ， 代 码 如 下 所 示 。 


然后 编写 监听 事件 的 处 理 函数 EnterKeyCheck()。 该 函数 判断 按 的 键 的 值 ， 如 果 为 13〔 回 
车 键 对 应 的 值 )， 执 行 提交 函数 。 代 码 如 下 所 示 。 


提交 成 功 后 ，HTTPService 组 件 的 处 理 函 数 myHandler0， 根 据 服务 器 端 返回 的 数据 做 出 
不 同 的 操作 。 当 返回 的 数据 中 的 state 节点 值 为 usernameRegisted 时 ， 表 明 用 户 名 已 被 注册 ， 
弹出 提示 窗口 。 当 为 其 他 情况 时 ， 从 场景 中 移 除 该 组 件 对 象 。 代 码 如 下 所 示 。 


用 户 登 录 组 件 的 文件 名 为 myLogin.mxml， 该 文件 的 内 容 和 注册 组 件 的 文件 相似 。 只 不 过 
所 提交 的 服务 器 端 文件 不 同 ， 提 交 的 参数 不 同 ，HTTPService 组 件 的 处 理 函 数 也 不 同 。 

这 里 只 讲述 HTTPService 组 件 的 result 事件 处 理 函 数 myHandler()。 该 函数 得 到 服务 器 端 
返回 的 数据 ， 判 断 该 数据 中 state 节点 的 值 。 如 果 为 yes， 向 所 在 应 用 程序 发 送 参数 为 
MyLoginEventLOGINSTATECHANGE 的 MyLoginEvent 事件 对 象 。 如 果 为 其 他 情况 ， 就 再 判 
断 应 用 程序 中 是 否 已 经 有 登录 信息 ， 如 果 有 ， 则 向 所 在 应 用 程序 发 送 参数 为 
MyLoginEvent.LOGINSTATECHANGE 的 MyLoginEvent 事件 对 象 ,表明 之 前 的 登录 已 经 过 期 。 


用 户 登 录 状 态 组 件 文件 名 为 myLoginState.mxml， 该 组 件 实现 登录 前 显示 【新 建 账号 】 和 
【登录 】 按 钮 ， 登 录 后 显示 欢迎 文字 。 首 先 添加 需要 的 组 件 ， 代 码 如 下 所 示 。 


然后 添加 Script 代码 ， 主 要 包括 初始 化 函数 、 事 件 监听 函数 和 事件 处 理 函 数 。 初 始 化 函 
数 添加 2 个 监听 器 , 分 别 监听 类 型 为 MyLoginEvent.LOGINED 和 MyLoginEventNOLOGINED 
的 事件 ， 分 别 由 LoginedHandler0 和 NoLoginedHandler0 函 数 进 行 处 理 。 这 两 个 函数 分 别 表示 
登录 成 功 后 和 登录 失败 后 的 处 理 函数 。 这 两 个 函数 的 代码 如 下 所 示 。 


17.4.3 分 类 模块 设计 


视频 分 类 主要 是 方便 浏览 者 查找 ， 前 台 应 该 包括 显示 所 有 分 类 、 显 示 某 一 分 类 的 功能 。 
这 一 功能 无 论 用 户 登录 与 否 都 存在 ， 做 成 菜单 形式 放 在 网 站 的 头 部 ， 无 疑 是 比较 好 的 处 理 方 


法 。 本 网 站 采取 ， 将 显示 所 有 分 类 单独 做 成 按钮 触发 ， 显 示 某 一 分 类 采用 下 拉 列 表 框 形式 。 


在 网 站 头 部 组 件 (Top.mxml) 文件 中 添加 一 个 Button 组 件 , 该 组 件 的 属性 设置 如 下 所 示 。 


添加 单 击 【 所 有 分 类 】 按 钮 的 事件 处 理 函 数 ShowAllClass()。 该 函数 向 自身 发 送 类 型 为 
MyClassMenuEvent.CHOOSECLASS 的 MyClassMenuEvent 对 象 ， 该 对 象 的 Classid 属性 值 为 
all。 代 码 如 下 所 示 。 


由 于 该 事件 需要 和 播放 列表 进行 交互 ， 所 以 该 事件 处 理 函数 没有 编写 在 该 组 件 中 ， 而 是 
在 主 程序 中 。 


在 能 够 实现 显示 某 一 分 类 功能 之 前 ， 需 要 从 数据 库 中 读 取 所 有 类 别 ， 这 在 头 部 组 件 的 初 
始 化 函数 中 进行 。 变 量 的 初始 化 和 组 件 初始 化 函数 的 代码 如 下 所 示 。 


在 头 部 组 件 文件 中 添加 一 个 MenuBar 组 件 ， 用 来 显示 所 有 类 别 。 该 组 件 的 属性 设置 如 下 


本 


| 
El 


添加 单 击 菜单 项 的 事件 处 理 函数 ClickMenu Class()。 该 函数 向 自身 发 送 类 型 为 


MyClassMenuEvent.CHOOSECLASS 的 MyClassMenuEvent 对 象 ， 该 对 象 的 Classid 属性 值 为 
所 单 击 菜单 项 数据 源 的 data 节点 。 代 码 如 下 所 示 。 


17.4.4 搜索 模块 设计 


搜索 模块 实现 的 功能 主要 包括 关键 字 搜索 、 可 游离 和 在 主题 内 容 区 域 可 拖 动 。 根 据 这 些 
功能 ， 需 要 将 网 站 头 部 和 主题 内 容 区 域 中 的 搜索 栏 分 别 做 成 组 件 。 这 样 实现 起 来 就 比较 简单 。 


I 


将 头 部 搜索 栏 和 主题 内 容 区 域 相 区 别 ， 是 为 了 实现 可 游离 。 不 过 这 两 者 之 间 实 现 的 搜索 
功能 是 相同 的 ， 都 是 进行 关键 字 搜 索 ， 所 以 将 搜索 关键 字 功 能 单独 组 成 组 件 ， 供 两 者 调用 。 
公用 组 件 的 文件 名 为 ， 代 码 如 下 所 示 。 


此 搜索 栏 组 件 比较 简单 ， 主 要 能 够 实现 单 击 搜索 框 左面 的 按钮 ， 搜 索 栏 移 到 主题 内 容 区 
域 中 的 功能 。 代 码 如 下 所 示 。 
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private function ShouShuoClick() :voidf{ 
// 向 应 用 程序 发 送 MychangeContainerEvent 事件 对 象 
this.parentApplication.dispatchEvent (new MyChangeContainer 


Event (MyChangeContainerEvent .CHANGETOSTAGE) ); 


]]> 
</mx :Script> 
<mx:Button click="ShouShuoClick()" styleName="downArrow" buttonMode="tr-— 
ue" useHandCursor="true"/> 
<nsl:mySearchBarContent> 
</nsl:mySearchBarContent> 
</mx:HBox> 


3. 主题 内 容 区 域 中 的 搜索 栏 


此 搜索 栏 除 了 可 以 移 到 网 站 头 部 外 ， 还 可 以 拖 住 搜索 按钮 右边 的 区 域 ， 拖 动 整 个 搜索 栏 ， 
效果 如 图 17-3 所 示 。 
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图 17-3 ”主题 内 容 区 域 中 的 搜索 栏 效果 
实现 拖 动 的 拖 动 代码 如 下 所 示 。 


<mx:Script> 
<! [CDATAI[ 
import myEvents.*; 


// 拖 动 时 所 需 变量 


private var dragStartMouseX:Number7 // 开 始 鼠标 的 x 
private var dragstartMouseY:Number; // 开 始 鼠标 的 y 
private var dragStartX:Number7 // 开 始 艳 动 时 的 坐标 x 
private var dragStartY:Number7 // 开 始 拖 动 时 的 坐标 Y 
private var dragMaxX:Number7 // 可 拖 动 最 大 的 坐标 x 
private var dragMaxY:Number; // 可 拖 动 最 大 的 坐标 y 


private function init():void{ 
this.DragToMove.addEventListener (MouseEvent .MOUSE DOWN, on 


MouseDownTitleBar); 
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17.4.5 ”视频 列表 模块 设计 


视频 列表 窗口 使 用 TileWindow 组 件 ， 可 以 拖 动 和 改变 大 小 ， 效 果 如 图 17-4 所 示 。 视 频 
列表 显示 使 用 TileList 组 件 ， 采 用 图 文 形式 〈 上 方 缩 略 图 ， 下 方 名 称 )。 鼠 标 移 到 图 片上 方 ， 
显示 播放 按钮 。 视 频 列表 窗口 在 改变 大 小 时 ， 视 频 列表 会 根据 宽度 自动 换行 ， 防 止 出 现 横向 
滚动 条 。 下 面 一 个 一 个 功能 地 进行 实现 。 首 先 添加 TileList、myPager 和 HTTPService 组 件 ， 
代码 如 下 所 示 。 


<?xml version="1.0" encoding="utf-8"?> 
<mx:TitleWindow xmlns="myComponents.*" xmlns:mx="http://www.adobe.com/2006/ 
mzxml™" 
horizontalScrollPolicy="off" creationComplete="init()" 
showCloseButton="true" close="CloseVideoList()"> 
<mx:TileList itemRenderer="myComponents .myVideoListItemRender" id="t1lVi- 
deoList" verticalAlign="top" width="100%" styleName="playlist" vertica- 
lscrollPolicy="off"horizontalScrollPolicy="off"/> 
<myPager id="pagebar" PageChange="changepage (event)" bottom="0"> 
</myPager> 
<mx:HTTPService id="HttpGetVideoList" url="Server/GetVideoList.aspx" 
resultFormat="e4x" method="GET" result="myHandler (event)" 
showBusyCursor="true" fault="faultHandler (event)"> 
<mx:request xmlns=""> 
<classid>{nowclassid}</classid> 
<searchstr>{searchtext}</searchstr> 
<action>{myaction}</action> 
</mx:request> 
</mx:HTTPService> 
</mx:TitleWindow> 
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17-4 ”视频 列表 效果 


上 述 代 码 中 用 到 的 myPager 组 件 , 为 自 定 义 的 分 页 组 件 。 使 用 方法 是 , 指定 其 PageChange 
事件 处 理 函 数 ， 该 函数 为 分 页 组 件 提 供 数据 源 。 数 据 源 需要 在 视频 列表 组 件 创建 完成 时 获得 ， 
数据 源 分 为 通过 分 类 筛选 和 搜索 结果 两 种 。 视 频 列 表 组 件 创建 完成 时 的 处 理 函 数 ， 主 要 是 添 
加 事件 监听 器 。 代 码 如 下 所 示 。 


上 述 代码 中 添加 的 监听 器 类 型 和 实现 的 功能 主要 是 在 MyLoadEvent.LOADCOMPLETE 类 
型 实现 加 载 列表 数据 完成 时 ， 显 示 列 表 内 容 ， 在 MySearchEvent.SEARCH 类 型 实现 关键 字 搜 
索 时 ， 重 新 加 载 列 表 数 据 ， 在 MyClassMenuEvent.CHOOSECLASS 类 型 实现 分 类 筛选 时 ， 重 
新 加 载 列表 数据 。 

MouseEvent.MOUSE_DOWN 类 型 实现 缩放 窗口 时 ， 除 了 改变 大 小 外 ， 还 能 够 使 得 视频 列 
表 会 根据 宽度 自动 换行 。 在 titleBar 组 件 上 添加 的 MouseEvent.MOUSE_DOWN 类 型 的 监听 器 ， 
实现 拖 动 标题 栏 移动 窗口 ， 以 及 在 主场 景 中 突出 显示 功能 。 事 件 监 听 器 的 处 理 函 数 具 体 如 下 
所 示 。 


myPage 组 件 的 使 用 ， 需 要 指定 PageChange 事件 处 理 函 数 。 本 视频 列表 中 指定 的 函数 为 
changepage0， 代 码 如 下 所 示 。 


视频 播放 列表 的 项 ， 是 在 TileList 组 件 中 的 itemRenderer 属性 中 指定 的 ， 是 名 称 为 
myVideoListItemRender 的 自 定义 组 件 。 该 组 件 的 代码 如 下 所 示 。 


在 视频 缩 略 图 区 域 中 ， 当 鼠标 移 到 上 方 时 ， 显 示 播 放 按钮 ， 移 开 时 隐藏 播放 按钮 。 因 此 
在 此 组 件 中 创作 ， 不 是 太 容易 。 所 以 本 网 站 中 ， 单 独 做 成 组 件 ， 名 称 为 VideoListPicBox， 代 
码 如 下 所 示 。 


17.4.6 ”收藏 夹 及 个 人 信息 模块 设计 


收藏 夹 及 个 人 信息 在 网 站 中 是 固定 的 内 容 ， 前 者 从 数据 库 中 读 取 登 录用 户 的 收藏 视频 ， 
后 者 读 取 用 户 个 人 信息 。 本 网 站 中 将 这 两 者 归 到 用 户 中 心 ， 放 在 页 面 的 头 部 靠 右 位 置 ， 采 用 
下 拉 列 表 框 的 形式 呈现 。 网 站 头 部 组 件 中 ， 用 户 中 心 的 代码 如 下 所 示 。 


该 下 拉 列 表 框 的 数据 从 UserMenuListxml 文件 中 读 取 ， 该 文件 的 内 容 如 下 所 示 。 
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<menuitem label=" 管 理 收藏 ”data="Favorite"/> 
<menuitem label=" 个 人 信息 " data="Person"/> 
</menuitem> 


单 击 用 户 中 心 菜单 项 时 ， 触 发 ClickMenu User0 函数 ， 该 函数 向 主 程序 发 送 
MyManageEvent 事件 对 象 。 事件 对 象 的 类 型 为 MyManageEvent.CLICKMENU,， Classid 属性 的 
值 为 菜单 项 对 应 XML 数据 的 data 属性 。 代 码 如 下 所 示 。 


private function ClickMenu User(event:MenuEvent) :void{ 
this.parentApplication.dispatchEvent (new MyManageEvent (MyManageEvent .CcC— 
LICKMENU, event .item-Q@data) ) ; 


17.4.7 ”整合 主 程序 


程序 中 用 到 的 组 件 创建 完成 后 ， 需 要 将 这 些 组 件 安排 到 主 程序 中 ， 并 实现 其 通信 。 本 网 
站 页 面 分 为 头 部 和 主题 内 容 区域 ， 头 部 名 称 为 Top 的 自 定义 组 件 ， 该 组 件 基 于 Application 
ControlBar 创建 。 将 头 部 单独 作为 组 件 ， 主 要 是 为 了 减少 主 程序 中 的 代码 量 。 

Top 组 件 主要 包括 了 网 站 的 logo, 用 户 注册 和 登录 按钮 ， 类别 菜单 ， 搜索 框 及 用 户 中 心 等 
组 件 ， 效 果 如 图 17-5 和 图 17-6 所 示 。 许 多 组 件 已 在 上 文中 介绍 过 ， 这 里 不 再 详细 讲解 Top 组 
件 的 内 容 。 
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图 17-6 登录 后 的 头 部 效果 
网 站 的 主题 内 容 区 域 是 一 个 Canvas 组 件 ， 该 组 件 的 属性 设置 及 内 容 如 下 所 示 。 


<mx:Canvas x="0" y="0" width="100%" height="100%" id="canvasMainContent" 


上 述 代 码 中 可 以 看 到 ， 该 组 件 只 包括 CheckLoginState 组 件 ， 实 现 的 功能 是 在 初始 化 时 确 
人 & 史 定 用 户 的 登录 状态 。 
主 程序 中 组 件 间 通信 ， 需 要 在 主 程序 创建 完成 后 通过 添加 事件 监听 器 实现 。 主 程序 中 ， 
创建 完成 后 的 处 理 函 数 代码 如 下 所 示 。 


从 上 述 代码 中 ， 可 以 看 到 添加 的 事件 监听 器 和 初始 化 组 件 语 句 。 其 中 ， 初 始 化 组 件 语句 
在 主题 内 容 区 域 添加 播放 列表 ， 该 播放 列表 显示 所 有 的 视频 。 初 始 化 主题 内 容 区 域 的 搜索 杠 
位 置 ， 居于 区 域 中 间 。 

主 程序 中 用 户 登录 和 注册 的 处 理 函数 ， 主 要 包括 登录 状态 改变 、 已 经 登录 、 未 登录 、 要 
求 登录 和 要 求 注册 等 ， 具 体 代码 如 下 所 示 。 


对 用 户 中 心 菜单 的 处 理 ， 主 要 是 根据 所 单 击 菜单 项 进行 的 。 如 果 是 收藏 夹 ， 在 主题 内 容 
区 域 显示 收藏 夹 窗口 ， 效 果 如 图 17-7 所 示 ， 代 码 如 下 所 示 。 


单 击 视频 列表 中 的 某 一 播放 按钮 ， 需 要 播放 对 应 的 视频 ， 效 果 如 图 17-8 所 示 。 单 击 收藏 
来 中 的 某 一 浏览 按钮 ， 实 现 同样 功能 。 这 在 主 程序 中 通过 监听 PlayListEventCHANGEPLAY 
类 型 事件 实现 。 该 监听 事件 的 处 理 函 数 代码 如 下 所 示 。 


搜索 框 在 页 面 头 部 和 主题 内 容 区 域 间 游离 ， 是 通过 主 程序 中 添加 的 MyChangeContainer 
Event 事件 监听 器 实现 的 ， 该 事件 的 处 理 函 数 如 下 所 示 。 


[Ehttp://1ocalhost/ chaplT/bin debug/chap17, 


+- tp maoeahesu， 


育 帘 外 http:f/localhost/eh 


编号 视频 名 称 
风景 这 边 独 好 


司 李 Huaet 


图 17-7 弹出 的 收藏 夹 效果 图 17-8 单 击 播放 按钮 ， 播 放 视频 


// 移 动 到 主题 内 容 区 域 

private function ChangeToStageHandler (e:MyChangeContainerEvent) :void{ 
this.mail top.removeChild(this.mail top.mySearchBar 1); 
this.canvasMainContent.addChild(this.mymovesearchbar); 

this.canvasMainContent .setCchildIndex (this.mymovesearchbar,this.canvasMainc 

ontent.numChildren-1); 
mymovesearchbar.x=movesearchbarx; 
mymovesearchbar.y=movesearchbary; 

} 

// 移 动 到 页 面 头 部 

private function ChangeToTopHandler (e:MyChangeContainerEvent) :voidi 
this.canvasMainContent.removeChild(this.mymovesearchbar); 
this.mail top.addchild(this.mail top.mySearchBar 1); 

} 


浏览 者 通过 搜索 或 分 类 筛选 ， 得 到 视频 列表 。 这 是 通过 在 主 程序 中 添加 MySearchEvent 


和 MyClassMenuEvent 事件 监听 器 实现 的 。 当 浏览 者 搜索 或 单 击 分 类 菜单 时 ， 主 程序 监听 到 这 
些 事件 ， 并 通知 视频 列表 组 件 ， 更 新 列表 信息 。 监 听 事 件 的 处 理 函数 如 下 所 示 。 


private function SearchHandler (e:MySearchEvent) :voidi 
// 在 主题 内 容 区 域 的 最 高 层 ， 添 加 视频 列表 
this.canvasMainContent .addChildAt (this.videllist main,this.canvasMain 
Content .numChildren-1) 7 
// 向 视频 列表 发 送 MySearchEvent 事件 对 象 
this.videllist main.dispatchEvent (new MySearchEvent (MySearchEvent .SEAR- 
CH,e.SearchText)); 

} 

private function ChooseClassHandler (e:MyClassMenuEvent) :void{ 
this.canvasMainContent.addChildAt (this.videllist main,this.canvasMain— 


Content .numChildren-1); 


17.5 ”后台 设计 


后 台 作 为 管理 员 管 理 网 站 的 平台 ， 功 能 主要 包括 用 户 管理 、 类 别管 理 和 视频 管理 等 。 用 
户 管理 主要 对 前 台 注册 用 户 进行 审核 、 编 辑 和 删除 ， 比 较 简单 ， 不 再 讲解 。 类 别管 理 主要 包 
括 添加 、 修 改 和 删除 类 别 ， 视 频 管 理 和 类 别管 理 类 似 。 

后 台 页 面 的 文件 名 为 AdminSystem.mxml， 所 需要 的 功能 模块 组 件 文件 和 说 明 如 表 17-7 
所 示 。 后 台 的 难点 在 于 修改 类 别 、 添 加 视频 和 修改 视频 3 个 功能 模块 。 


表 17-7 后 台 页 面 中 功能 模块 组 件 文件 和 说 明 


AdminAddNewClass.mxml 添加 类 别 组 件 
AdminAddNewVideo.mxml 添加 视频 组 件 
AdminAllParentClass.mxml 修改 类 别 和 视频 时 的 大 类 下 拉 列 表 框 组 件 
AdminChangButton.mxml 修改 和 删除 类 别 时 的 按钮 组 件 
AdminClassManage.mxml 修改 和 删除 类 别 组 件 
AdminParentClass.mxml 添加 类 别 时 的 大 类 下 拉 列 表 框 组 件 
AdminSonClass.mxml 修改 视频 时 的 子 类 下 拉 列 表 框 组 件 
AdminVideoChangButton.mxml “修改 和 删除 视频 时 的 按钮 组 件 
AdminVideoManage.mxml 修改 和 删除 视频 组 件 

17.5.1 添加 类 别 


添加 类 别 比较 简单 ， 通 过 Form 和 HTTPService 组 件 很 容易 实现 。 页 面 比 较 简单 ， 只 有 1 
个 文本 框 、1 个 下 拉 列 表 框 和 两 个 按钮 ， 效 果 如 图 17-9 所 示 。 代 码 如 下 所 示 。 
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<mx:HBox> 


<mx:Button label=" 确 定 " click="AddNewClassClick()"/> 
<mx:Button label=" 关 闭 " click="CloseMe () "/> 


</mx:HBox> 
</mx:FormItem> 
</mx:Eorm> 
<mx:HTTPService id="httpSaveNewClass" url="Server/AdminClass.aspx" 
resultFormat="e4x" method="GET" result="myHandler (event)" 
showBusyCursor="true" fault="faultHandler (event)"> 
<mx:request> 
<action>Insert</action> 
<classname>{txtID.text}</classname> 
<pclassid>{comboxparentclass.selectedid}</pclassid> 
</mzx:request> 
</mx:HTTPService> 
</mx:TitleWindow> 


Ehttp://locslhost/, | 


区 大 http://localhost/ch . 


和 本 地 Intranet 


图 17-9 【添加 分 类 】 窗 口 效果 


【确定 】 按 钮 后 ，HTTPService 组 件 向 服务 器 端 发 送 请 求 ， 保 存 添加 的 类 别 信 息 。 


这 些 代 码 比 较 简 单 ， 不 再 讲解 。 上 级 分 类 的 选择 ， 需 要 用 到 AdminParentClass 组 件 。 
AdminParentClass 组 件 中 声明 了 两 个 主要 变量 ParentAry 和 selectedid。 前 者 用 来 储存 所 有 上 级 


2 


分 类 信息 ， 作 为 下 拉 列 表 框 的 数据 源 。 后 者 储存 选择 项 对 应 的 类 别 编 号 〈id)， 当 向 数据 库 
保存 时 ， 读 取 的 上 级 类 别 编号 就 是 该 值 。AdminParentClass 组 件 的 主要 内 容 如 下 所 示 。 


<?xml version="1.0" encoding="utf-8"?> 


<mx:ComboBox xmlns:mx="http://www.adobe.com/2006/mzxml" creationComplete="I-— 


nitAllClass()" 


dataProvider="{ParentAry}" labelField="@classname" change="parentclass-— 


change () "> 
<mx:Script> 
<! [CDATA[ 
[Bindable] 


37 


17.5.2 ”修改 和 删除 类 别 


修改 和 删除 类 别 放 到 一 个 组 件 中 ， 该 组 件 中 使 用 DataGrid 组 件 显示 类 别 信息 ， 包 括 类 别 
编号 、 所 属 分 类 以 及 修改 后 保存 和 删除 操作 ， 效 果 如 图 17-10 所 示 。 该 DataGrid 组 件 的 设置 
代码 如 下 所 示 。 
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editable="false"/> 
<mx:DataGridColumn headerText=" 所 属 分 类 " dataField="@parentclassname" 
itemEditor="myComponents.AdminAllParentClass" /> 
<mx:DataGridColumn headerText=" 分 类 名 称 " dataField="@classname"/> 
<mx:DataGridColumn headerText=" 操 作 " editable="false" itemRenderer= 
"myComponents.AdminChangButton" /> 

</mx:columns> 639) 


</mx:DataGrid> 


(EF kttp://10calhost/ chaplT/ bin debug/ kdain 
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图 17-10 ”修改 和 删除 类 别 窗口 效果 


所 属 分 类 列 中 , itemEditor 属性 的 值 为 AdminAllParentClass 组 件 ， 该 组 件 和 上 文中 讲 到 的 
AdminParentClass 组 件 相似 。 但 有 一 点 不 同 ， 此 处 所 属 分 类 选择 项 改变 时 ， 需 要 改变 该 条 记录 
上 级 类 别 编号 。AdminAllParentClass 组 件 的 change 事件 处 理 函数 的 代码 如 下 所 示 。 


Private function parentclasschange () :void{ 
data.@parentid=this.ParentAry[this.selectedIindex] .@classid; 


17.5.3 ”添加 视频 


添加 视频 较为 复杂 ， 涉 及 到 父 类 和 子 类 的 二 级 联动 ， 以 及 图 片 和 视频 的 上 传 操作 。 界 面 
中 元 素 较 多 ， 主 要 是 一 个 Form 和 一 个 HTTPService。Form 中 包括 类 别 下 拉 列 表 框 、 文 本 框 和 
按钮 等 ， 生 成 后 的 效果 如 图 17-11 所 示 ， 代 码 如 下 所 示 。 


<?xml version="1.0" encoding="utf-8"2> 

<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
title=" 添 加 视频 " 

showCloseButton="true" close="CloseMe()" creationComplete="init()"> 
<mx:XML id="Videoobj"> 


<Video> 
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<mx:HTTPService id="HttpgetParentClass" url="Server/GetVideoClass.aspx" 


</mzx:Form> 


resultFormat="e4x" method="GET" result="myHandler (event)™" 


showBusyCursor="false" fault="faultHandler (event)"> 


<mx:request xmlns=""> 
<action>{myClassAction}</action> 
<parentid>{parentclassid}</parentid> [541) 
</mx:request> 
</mx:HTTPService> 


</mx:TitleWindow> 


Ej np meea 


其 htip://localhost/eh 


ET ET 


图 17-11 添加 视频 窗口 效果 


父 类 和 子 类 的 二 级 联动 实际 上 也 是 组 件 与 组 件 的 交互 ， 本 实例 主要 是 通过 绑 定 变量 的 形 
式 实现 的 。 主 要 实现 代码 如 下 所 示 。 


<mx:Script> 
<! [CDATA[ 

// 声 明 父 类 数据 源 

[Bindable] 

private var parentclasstypearr:XMLList; 

// 声 明子 类 数据 源 

[Bindable] 

private var classtypearr:XMLList; 

// 声 明 HTTPService 组 件 所 要 发 送 的 action 参数 值 

[Bindable] 

private Var myClassAction:Sstring; 

// 组 件 创建 时 从 服务 器 端 获得 父 类 信息 

private function init():void{ 
myClassAction="getParentClass"; 
HttpgetParentClass.send(); 

’ 

// 将 从 服务 器 端 获得 的 类 别 信息 ， 根 据 myclassAction 的 值 ， 赋 予 不 同 变量 
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private function myHandler (event:ResultEvent) :voidi{ 

if (myClassAction=="getParentClass"){ 
parentclasstypearr=new XMLList (event.result) .mclass; 
parentclassid=parentclasstypearr[0].@classid; 
myClassAction="getsonclass"; 
HttpgetParentClass.clearResult (true); 
HttpgetParentClass.send(); 

}else{ 
classtypearr=new XMLList (event.result) .mclass7 


} 
// 父 类 选择 项 发 生 改变 时 ， 更 新 子 类 信息 
private function parentClassChange() :void{ 
this.parentclassid=this.parentclasstypearr[this.cmbparentclasstype.select-— 
edIndex] .@classid; 
myClassAction="getsonclass"; 
this.HttpgetParentClass.send(); 


1 
</mx:Script> 


17.5.4 修改 和 删除 视频 


修改 和 删除 视频 与 修改 和 删除 类 别 相似 ， 同 样 放 到 一 个 组 件 中 ， 该 组 件 中 使 用 DataGrid 
显示 类 别 信息 ， 包 括 视频 编号 、 所 属 大 类 、 所 属 子 类 以 及 修改 后 保存 和 删除 操作 ， 效 果 如 图 
17-12 所 示 。 


+ | 四 http://locdhost/chplT/binrd 本 姥 
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图 17-12 ”修改 和 删除 视频 窗口 效果 
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17.5.5 整合 主 程序 


主 程序 主要 包括 了 头 部 和 主题 内 容 区 域 的 代码 。 头 部 包括 4 个 按钮 ， 单 击 后 弹出 不 同 的 


窗口 。 主 题 内 容 区 域 显示 系统 概述 等 信息 ， 效 果 如 图 17-13 所 示 。 头 部 的 代码 如 下 所 示 。 


<mx:Appli 


cationControlBar width="100%" dock="true"> 


<mx:Button label=" 分 类 管理 " click="PopupClass()"/> 
<mx:Button label=" 分 类 添加 " click="RddNewClass () "/> 
<mx:Button label=" 视 频 管理 " click="VideoManage()"/> 
<mx:Button label=" 添 加 视频 " click="PopupAddVideo()"/> 


<mx :1 


abel text="{nowtime}"/> 


<mx:Spacer width="280" height="20"/> 


</mx:Appl 


icationControlBar> 


[Etp /ocahesr chaplT/ Vin debag/ hniasys te hinl 
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图 17-13 后 台 主 程序 界面 效果 


完成 时 ， 执 行 initAppO 函 数 。 该 函数 从 服务 器 端 获得 网 站 统计 信息 ， 包 括 视 


频 类 别 、 视 频 收 藏 、 视 频 、 注 册 用 户 数量 。 添 加 3 个 事件 监听 器 ， 分 别 实现 修改 类 别 和 视频 
后 更 新 列表 以 及 更 新 头 部 时 间 的 功能 。 


